![マー君](http://webookmark.net/wp-content/uploads/2021/03/EE32D421-D535-4601-B630-B0BB05EF4EC8-150x150.png)
マー君
よーし!!CSSファイルは作成したし、これで早速CSSを書いていくんだね!
ブッ君、早くCSSの書き方を教えてよ!!
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/1CF71620-6DA8-4843-A104-D8287A2CF8B6-150x150.png)
ブッ君
まだだよ、マー君!!
実際にCSSを書く前にいくつか準備を行っていくよ!
![マー君](http://webookmark.net/wp-content/uploads/2021/03/D9A8D3D4-C551-430F-85BC-65871A31977C-150x150.png)
マー君
???まだ何か準備が必要なの?
![ブッ君](http://webookmark.net/wp-content/uploads/2021/03/10AD4DE2-7F91-4524-98BE-E739C73333BF-150x150.png)
ブッ君
うん!!リセットCSSを導入するよ!!
![マー君](http://webookmark.net/wp-content/uploads/2021/03/D9A8D3D4-C551-430F-85BC-65871A31977C-150x150.png)
マー君
リセットCSS????
- 各ブラウザではHTMLタグにデフォルトでCSSが適応されている
- デフォルトのままだと、思わぬところに余白ができたりして、思うような表示にならない
- リセットCSSを利用して、デフォルトで設定されているCSSをなくす
- リセットCSSはWeb上にたくさん用意されている
まとめ
- ブラウザごとにデフォルトのCSSは微妙に違う
- まずはWebサイトから一つのリセットCSSをコピーして使用する
- リセットCSSはそれだけで一つのCSSファイルに保存し、これから自分で作成するCSSファイルとは分ける
- 今後慣れてきたらリセットCSSを、自分の使いやすいようにカスタマイズ、もしくは一から作成してもOK!
コメント