- Background-Color
- [背景]黒・[文字]白
- [背景]白・[文字]黒
webデザイン
フォームのズレだって許せない! リセットCSSをアップデート
6月12日のOpera 9.5正式リリースに続き、6月17日にはついにFirefox 3が正式リリース。24時間以内に最も多くダウンロードされたソフトウェアとしてギネス記録を狙ったキャンペーンを展開したFirefox 3は、結果的に24時間で800万を超えるダウンロード数を記録したとか。
メジャーなモダンブラウザが立て続けにアップデートされたこの機会に、 リセットCSS をアップデートすることにしました。前回は各ブラウザのデフォルトCSSをとにかくリセットしてしまう Reset CSS のみのエントリーでしたが、今回はテキストボックスやラジオボタンなどフォーム部品の細かなズレの解消などを目的として、各ブラウザで基本となる汎用的なスタイルを定義する Basic CSS なるものも書いてみました。
1ピクセルのズレも許せない! ブラウザのデフォルトCSSをリセット
CSSでWebデザインを行う際に欠かせないのが、Webブラウザが標準で備えているデフォルトCSSをリセットするCSSリセットの手法。当サイトもreset.cssでCSSリセットを行ってからレイアウト用のCSSを読み込むことによって、なるべく多くのブラウザでレイアウトの崩れが出ないように制作しています(とはいえ、いくつかレイアウト崩れは見つかっていますが・・・)。
CSSリセットに関する話題はインターネットを検索するとかなりたくさん見つかりますが、やはり秀逸なのは YUI Reset CSS だと思います。しかし、YUI Reset CSSの記述はCSS Validatorに通らないし、不足していると感じる要素もいくつかあるので自分用にYUI Reset CSSをカスタマイズしてみました。

![Blog [Home]](http://higash.net/higash/wp-content/themes/higash/img/gnavi_blog.jpg)








![CSSハックまとめ[2008年7月版]](/higash/wp-content/uploads/1g/css_hack.jpg)











