CSS

[CSS]float解除ハックClearFix

by

親要素にfloatが使えない場合の解決策として使われる超有名ハック。
これ考えた人尊敬するわ。

このハックを使う主なケース。

  • margin:0 auto;で中央配置にしてるブロック要素の中でfloat指定するものを配置する
    （親要素にfloat指定することが出来ない状態）
  • liやdt、dlにfloatかけたから手っ取り早くクリアしたい
  • clear:bothとか置けない。もしくは置くのが面倒。置くと美しくない

大概は親要素にfloat指定するか、下にclear指定しとけばおｋだけど、たまにどちらも使えない場合がある。そんなときはこのハックを思い出すと幸せになれる。
使用するとIEで妙な隙間が出来る場合があるので注意。多分バグだろうけど。

続きを読む

[CSS]ユニバーサルセレクタ

by

XHTML+CSSコーディングする際なくてはならないもの。
CSSファイル作ったらとりあえず一番先頭に書いておくもの。
始まりに相応しいので最初はユニバーサルセレクタから。

ユニバーサルセレクタとはアスタリスクのことで、単独で使えばブラウザ表示エリア内の隙間(padding)や、h1、h2などの見出しタグについてるマージン(margin)など、ブラウザが独自に持ってるスタイルを全て消去出来る。

続きを読む