css複数スタイル

559 ワード

複数のスタイルを定義できるといえば、多くの初心者の友达がよく多く使用しています.例えば、ブロック要素に枠線、緑の文字、灰色の背景を設定する必要があるので、cssで定義します.
.border { border:1px solid #f60;}
.color { color:#080;}
.bg { background:#ccc;}
         :
Div

実はこれは非常に悪い書き方で、このような表面はコードの再利用性に達しているように見えますが、実際には、その中の1つの要素の枠を2 pxに変更する必要がある場合、どのように変更しますか?もしborderの枠線が変更されると、このスタイルを適用するすべての要素が変更されます.コードにスタイルを追加すると、htmlコードを変更しなければなりません.コードと構造の分離の理念に反します.良いコードレイアウトは、後でどのようにスタイルを変更しても、htmlコードを変更する必要がなく、スタイルテーブルを変更するだけで、本当に両者を分離することができます.