CSS スタイルシート備忘録 基本編
基本的な備忘録です ＾＾；
まとめて記述（ショートハンド）
まとめる前↓
.test{
margin-top:10px;
margin-bottom:20px;
margin-left:10px;
margin-right:0px;
}
まとめると↓
.test{
margin:10px 0px 20px 10px;/*左から順に 上、右、下、左*/
}
上下、左右に同じ値があるときは↓
margin:10px;/*上下左右*/ margin:10px 20px;/*上下、左右*/ margin:10px 20px 30px;/*上、左右、下*/
他にもリストやクラス・ＩＤでもまとめることができますね。
fontの場合もまとめられますね。
font: 40pt "Times New Roman", "Grande", Lucida, Trebuchet MS;
みたいな感じかな。。
あと、この間も書きましたが、
ＩＥの表示がおかしいときに、部分的に修正する方法として↓
/*for IE6 */
* html #header {
margin-bottom: 0px;
}
/*for IE7 */
*:first-child+html #header {
margin-bottom: 5px;
}
ＩＥ６のときは、html のあとに修正する箇所の記述。
ＩＥ７のときは、first-child+htmlのあとに修正する箇所の記述。
さて、備忘録はこのへんにしておいて
昔からある定番の煎餅で餃子せんべいっていうのあるんですけど、
実は大の好物です 笑
にんにくがバリっときいてて美味しいですねえ。
小さい頃からの好物です 笑
