ホームページ > 記事 > ウェブフロントエンド > コード量_html/css_WEB-ITnose
CSS について言えば、たとえば、2 つの長方形のボックスの幅と高さは、背景色を除いて同じです。2 つのボックスの幅と高さのコードを CSS コードの共通部分に結合し、残りの背景を付けます。カラーは個別に処理されます。
コードの量を減らすことに加えて、これには他にどのような利点がありますか?
将来幅と高さを変更したい場合は、1 か所を変更するだけで済みます。別れていないのであれば、多くのことを変えなければなりません。
つまり、これは CSS コードの最適化に関係します。正解は上の階です。
CSS ファイルの可読性を向上させ、CSS ファイルのサイズを縮小することで、ブラウザーの読み込み速度を相対的に高速化できます。
これらはすべて CSS の最適化に関するものです。