アクセシビリティをもう少しよくしよう，と思いながら，かつてコーディングしたものを手直ししているのですが，table をめぐってちょっと思ったことを。

Firefox，Safari，Opera は IE に比べるとだいぶWeb標準に準拠してレンダリングされます。しかし，仕様に詳しく定められていないところは（追記参照）ブラウザごとのクセがあり，表示結果が微妙に違ったりします。以前，table に caption を入れたとき，margin を合わせるのにちょっと苦労した経験があったので，改めて調べてみました。

• label要素とその挙動 | Web標準Blog | ミツエーリンクス

これを読んでいて，ぼくがやっていることをちょっと紹介しようと思いました。

以前， CSSの初期化 というエントリを書きました。あれからいろいろと試行錯誤し，初期化ファイルがずいぶん変わってきましたので，改めて今ぼくが使っている最新のファイルを紹介したいと思います。

CSS3で定義される nth-child() 疑似クラス。これが使えるようになると，HTMLファイル，CSSファイルのメンテナスが楽になるだろうな...と思うのです。

どんな具合か，ちょっと試してみました。

見栄えに関わる部分をHTMLから分離してCSSに書いていくと，CSSの分量もかなり増えてきます。サイトの規模が大きくなったり，様々なデザインの要素が加わってくるとなおさらです。

今回は，CSSファイルをいくつかに分け，管理しやすくする方法を考えてみたいと思います。

IE との兼ね合いで，font-size は%で指定しておくのが，いちばん無難だと思うのですが，IE6, 7 にちょっと痛いバグがありました。

小さなサイズの文字が指定どおりの大きさにならないのです。

margin にはマイナスの値を入れることができます。マイナスの値を持つ margin を「ネガティブマージン」と言ったりします。

あまりむずかしくなく，すぐに使えそうなネガティブマージンを紹介してみましょう。

dl の定義リストで，dt を float させることがよくあります。このとき注意したい点をまとめておきます。

新着情報のようなところで，更新日を dt で，更新内容を dd でマークアップした場合を想定してみましょう。

CSSを充てやすいHTMLと，そうでないHTMLがあることは確かです。

• ウノウラボ Unoh Labs : CSSによるデザインワークと相性のよいHTMLって？

id，class のつけ方など大変参考になるので，ぜひご一読ください。

さて，ではぼくはどうしているか，ということで，yamazakiさんと少々違う点を書いておきます。