私の馬鹿げたCSSの間違い

私たちはすべてそこにいます。 「最後のコーディングミスからの日」カウンターがあった場合、おそらく常にゼロを読むでしょう。これらのエラーは、マイナーなタイプミスから置き忘れられたNPMモジュールフォルダー全体に及びます！

CSSの美しさは、その寛容な性質です。単純なタイプミスは、多くの場合、サイト全体を壊しません。カスケードはそれを処理します。しかし、恥ずかしさは残っています！

ここに私の最も頻繁なCSSの失敗のいくつかがあります：

 .Element {display：flexbox; / *？‍♂‍♂️ */} 

これは古典的なものです - 忘却

！ <pre class="brush:php;toolbar:false"> .gradient {linear-gradient（45deg、rgb（50％100％90％）、rgb（62％85％93％））; }

background>のない勾配を試みますプロパティ。これは簡単な修正ですが、見過ごされがちです。

キーボード上の「x」と「c」の近接性は、これにつながります。 /*ピクセルを意味しました！ */}

px および pc ユニットを混乱させます。

コードスニペットでよく見られるもう1つの一般的なエラー：

 //これはCSSコメントではありません。 .Element { /*これはCSSコメントです。 */} 

覚えておいてください、 // はjavascriptです、css！

forgating

forging

css変数の周りの忘却 css変数：

 .element {color： -  primary-color; } 

および常に存在する変数の命名問題：

：root { -  color-primary：＃ff5722; -  color-secondary：＃3e2723; } / *かなり後で... * / .ELEMENT {color：var（ - プライマリカラー）; /*？ */} 

コピーと貼り付けの場合でも注意が必要です：

 .element :: before {content：“”; / * "" */} 

それらの卑劣な巻き毛の引用が必要です！忘れられたコンテンツプロパティ...または z-index またはオフセットを使用する前に位置を設定することを無視します。彼らはしばしば、最終結果につながった闘争や間違いを省略します。真実は、最も印象的なプロジェクトでさえ、多数の反復と修正に関係しているということです。

その旅は、その隆起と迂回路で、しばしば洗練された最終製品よりも有益です。それは問題解決プロセスを明らかにし、かけがえのない学習体験を提供します。

それで、正直に言ってみましょう。お互いの失態から学びましょう！

以上が私の馬鹿げたCSSの間違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。