class=”・・・名前何しようか”

CSSの記述を簡略化
body{
background-image:url(~~~.gif);
background-repeat:no-repeat;
background-color:#FFFFFF;
background-position:left bottom;
padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;
}
とまぁ長ったらしい記述を
body{
background:url(~~~.gif) no-repeat #FFFFFF left bottom;
padding:1px 2px 1px 2px;
}
のように短く簡略化する技術、ショートハンド。
時間短縮や記述の整頓に役立ちまっせ。
逆にショートハンドに慣れてくると
background-・・・アレ、なんだっけ?
という感じに略さない記述を忘れがちに。
WEB工房きくちゃん – CSSのちょっと高度な書き方
説明ベタなんで、こっちを参考にしてくださいです。

Post comment


コメントは承認制です。すぐには表示されません。