俺のWeb文書プロジェクトの親プロジェクトです

ワンポイント

📅

2003年から HTML を書いてます。

ogp用概要をここにも表示

line-height の指定

読みやすい行間は 1.6~2 とされています。しかし body { line-height:2 } とはしません。 見出し(h1~h6)や li, dt, dd の行間も空いてしまい読みづらくなるからです。

@media printscreen 用の指定を上書きしない

いくつかの分類のプロパティは @media screen 内に書くことで、@media print での上書きリセット指定を不要に出来ます。

  • メインとサイドバーの2カラムレイアウト
  • 背景色の塗りとテキストカラー(印刷メディアでインクをセーブするために、背景色を白にしている場合)
  • overflow スクロールのコントロール

border 系の指定を全ての要素にしておく

ただし一部に問題の起きるケースがある。

CSS Generated Content の実装状況は4種類以上

ms-filter が絡むと5種類

動的疑似クラスの要素セレクタの省略

a:hover がリンク要素限定の IE6 以下などでは、a を省略する。 しかし IE では body:active になるので省略できない。