CSS Dev Tips

CSS Nite公式ブログ: 『ザ・ルールズ・オブ・スタイルシート』（益子貴寛）資料公開
今さらながら、益子さんの回のCSS Niteを復習。以下個人的メモ。

• imgとIR ( Image Replacement ) の使い分けは、alt属性を指定すべき / する必要がないという基準で決める。
• float指定要素の親ボックスbackgroundが表示されない問題に対する対策
  • steak注: PDF内では親ボックスにoverflow:autoが指定されているが、これではMac IE5でスクロールバーが表示されてしまう問題が新たに発生する。（CSSでfloatを指定したボックスを含むボックスの背景が出なくなる件 - Fsiki）。最終的な解決策としては、:after擬似要素を使うしかないみたい。
• 0には単位をつけない
  • 単位をつけると0であることが分かりにくい
• パーセンテージを値にするときは「丸め誤差」に注意する（実際の数値より少なめに設定）。
• 日本語フォントは「ヒラギノ角ゴ Pro W3」「Osaka」「ＭＳ Ｐゴシック」の順
• 必ず 「img, input { verticalalign:middle; }」 と指定しておく

以上、『ザ・ルールズ・オブ・スタイルシート』PDFより