リセットCSSの役割と導入

Web制作
マー君
マー君

よーし!!CSSファイルは作成したし、これで早速CSSを書いていくんだね!

ブッ君、早くCSSの書き方を教えてよ!!

ブッ君
ブッ君

まだだよ、マー君!!

実際にCSSを書く前にいくつか準備を行っていくよ!

マー君
マー君

???まだ何か準備が必要なの?

ブッ君
ブッ君

うん!!リセットCSSを導入するよ!!

マー君
マー君

リセットCSS????

  • 各ブラウザではHTMLタグにデフォルトでCSSが適応されている
  • デフォルトのままだと、思わぬところに余白ができたりして、思うような表示にならない
  • リセットCSSを利用して、デフォルトで設定されているCSSをなくす
  • リセットCSSはWeb上にたくさん用意されている

まとめ

  • ブラウザごとにデフォルトのCSSは微妙に違う
  • まずはWebサイトから一つのリセットCSSをコピーして使用する
  • リセットCSSはそれだけで一つのCSSファイルに保存し、これから自分で作成するCSSファイルとは分ける
  • 今後慣れてきたらリセットCSSを、自分の使いやすいようにカスタマイズ、もしくは一から作成してもOK!

コメント

タイトルとURLをコピーしました