リセットCSSのメリットと追加方法

Blog

 

リセットCSSとは

 

 

なぜ、CSSをリセットする必要があるのか?

 

それは、ブラウザによってデフォルトで設定されているCSSが異なるから。

 

ブラウザの種類は、Chrom,Safari, Firefox, Operaなどがあり、

 

それぞれのデフォルトで設定されているCSSをリセットしておかなければ、

 

ブラウザによって見栄えが変わることがあり、それを解消するためにリセットCSSが役に立つ。

 

 

リセットCSSファイルの追加

 

 

 

今回、使用するリセットCSSは、Eric Meyer’s “Reset CSS” 2.0を使う。

 

サイトのコードをコピーし、ファイル「reset.css」にコードを貼り付ける。

 

 

 

 

 

header.phpにreset.cssのリンクを追加。

 

 

 

 

 

これでリセットされているか確認してみましょう。

 

 

 

リセットCSS無しの場合・・・

 

 

 

リセットCSSありの場合・・・・・

 

 

 

 

少し、見栄えが変わりました。

 

オリジナルテーマを作る際は、CSSはリセットしておいたほうが後々、便利になるので設定しておきましょう。

 

 

 

 

 

コメント