HTML、CSS、JavaScriptなどWebに悩む人のネタ帳です。

reset.cssは各ブラウザでデフォルトで指定されているCSSをリセットするために読み込むスタイルシートです。

Firefox、Internet ExplorerやGoogle Chromeなど各ブラウザは、コーダーがスタイルシートを適用していない状態では、CSSの初期状態に差異があります。その差異を埋めるべく容易するスタイルシートが「reset.css」です。

少しずつ自身で調整を重ねて作り上げる「reset.css」もありますが、オープンソースとして公開されているものもあります。私はHTML4でPCページを構築する際、YUI(Yahoo! User Interface Library)のCSS Resetは重宝していました。
YUI 3: CSS Reset

今回、スマートフォンサイトを構築するために、スマートフォン用のreset.cssを探していました。そこで気がついたのですが、スマートフォンサイトは結局のところHTML5で構築するので、スマートフォン用というよりはHTML5用ですね。

調べたところ、HTML5 doctorのサイトで発見しました。
HTML5 Doctor, helping you implement HTML5 today

こちらのサイトで公開されているreset.cssはGoogle Codeで入手することができます。
html5resetcss – A reset stylesheet including HTML5 elements – Google Project Hosting

スマートフォンの世界にはIEのような奇怪なブラウザはないはずなので、そこまでクロスブラウザに悩まされることはないと思いますが、検証の負担が軽減されるのは助かります。

このエントリーをはてなブックマークに追加

Comment

Comment Form

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Monthly Archives

Search