cssの書く順序について

707 ワード

cssスタイルを書くときに、どこに書くかを思いつくことが多いので、書く規範に合わないだけでなく、コードの読書体験にも影響します.したがって、cssスタイルのプロパティを書くときは、以下の仕様に従う必要があります.
1.位置属性:position、top、right、z-index、display、floatなどを含む
2.サイズ属性:width、height、margin、paddingなどを含む
3.文字属性:font、line-height、letter-spaceing、color、text-alignなどを含む
4.背景:background、borderなどを含む
5.その他:animation、transitionなど
例:
次の書き方は規範化されていません
.example{
background:url("1.jpg") no-repeat;
color:red;
border:1px solid #ccc;
padding:10px;
z-index:999;
display:inline-block;
}
規範の書き方は以下の通りである.
.example{
z-index:999;
display:inline-block;
padding:10px;
color:red;
border:1px solid #ccc;
background:url("1.jpg") no-repeat;
}