あなたのサイトに最適なCSS Resetが見つかる -*{ CSSresetr }
Post on:2010年12月17日
昨日「ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版」で、数多くのCSS Resetを紹介しました。
じゃ、どれが自分に最適なんだろう? という時にぴったり! 数多くのCSS Resetを手軽に試すことができるオンラインサービスを紹介します。

*{ CSSresetr } - Online CSS-Reset Tool
[ad#ad-2]
*{ CSSresetr }の使い方は簡単です。
プルダウンの「Change the reset」からCSS Resetを
「Change the content」から適用するコンテンツを選択します。
下記は、CSS Resetを「Example Page」に適用したものです。
marign, paddingを取り除いているCSS Reset、限られた要素のみ適用するCSS Resetなど、実際にコンテンツにあてはめるとその使い勝手が分かると思います。

「Eric Meyer's CSS Reset」を適用

「Poor Man's Reset」を適用
[ad#ad-2]

「Tripoli Reset」を適用

「CSS Mini Reset」を適用
各CSS ResetのスタイルシートやCSS Resetの歴史は、昨日の「ブラウザのスタイルを初期化するスタイルシートの総まとめ -2010年版」を参考にどうぞ。
sponsors