ワンポイント
📅
itozyun 2003年から HTML を書いてます。
ogp用概要をここにも表示
line-height の指定
読みやすい行間は 1.6~2 とされています。しかし body { line-height:2 } とはしません。 見出し(h1~h6)や li, dt, dd の行間も空いてしまい読みづらくなるからです。
@media print
で screen
用の指定を上書きしない
いくつかの分類のプロパティは @media screen
内に書くことで、@media print
での上書きリセット指定を不要に出来ます。
- メインとサイドバーの2カラムレイアウト
- 背景色の塗りとテキストカラー(印刷メディアでインクをセーブするために、背景色を白にしている場合)
- overflow スクロールのコントロール
border 系の指定を全ての要素にしておく
ただし一部に問題の起きるケースがある。
CSS Generated Content の実装状況は4種類以上
ms-filter
が絡むと5種類
動的疑似クラスの要素セレクタの省略
a:hover がリンク要素限定の IE6 以下などでは、a を省略する。 しかし IE では body:active になるので省略できない。