あると便利なブログ用CSS
- Date :
- August 16, 2008
- Category :
- 記事
ブログ書くときにもHTMLソースを気にしてしまう人のために、
僕の愛用CSSクラスをちょこっと公開。
改行タグが並ぶのが嫌な人は
.m1 {
margin-bottom: 1em;
}
.m2 {
margin-bottom: 2em;
}
.m3 {
margin-bottom: 3em;
}
とか書いといて、Pタグ（段落）に適応すれば幸せになれる。
画像などで周り込みを乱用する人は
.floatL {
float: left;
}
.floatR {
float: right;
}
.clear {
clear: both;
}
.clearL {
clear: left;
}
.clearR {
clear: right;
}
とか書いといて、使いまわせば幸せになれる。
ついでに
.clearFix {
_height: 1px;
min-height: 1px;
}
.clearFix:after {
height: 0;
visibility: hidden;
content: ".";
display: block;
clear: both;
}
/* for MacIE5 \*//*/
.clearFix {
height: auto;
overflow: hidden;
}
/* end */
とか書いておけば、ClearFix使い放題。
