CSSフレームワークを利用する場合のリセットCSSについて

Question

BootstrapなどのCSSフレームワークを使用してWebページを制作する際、Normalize.cssなどのリセットCSSも併用すべきでしょうか？
それとも、リセットCSSは自前で実装していくべきでしょうか？

知見がなく、ご教示いただけると助かります。

Answer 1

BootstrapなどのCSSフレームワークを使用してWebページを制作する際、Normalize.cssなどのリセットCSSも併用すべきでしょうか？

それとも、リセットCSSは自前で実装していくべきでしょうか？

Bootstrapにはデフォルトでnormalize.css（Bootstrap 3）やreboot.css（Bootstrap 4）が含まれていますので、どちらも不要です。

Answer 2

既にBootStrapについての回答がついていますが私がよく使うMaterializeもコードを追うときちんと「normalize.css v7.0.0」が入っていますし、他のCSSフレームワークも同様かと思います。

CSSフレームワークは主にブラウザや端末間での対応をユーザー側が組み込まなくてもいい感じに吸収してくれてるものなので、むしろリセットCSSがされた前提でCSSフレームワーク独自の仕様を乗せていくようになっていると思います。
（つまりリセットCSSしないとCSSフレームワークは基本的に成り立たせられない）

Answer 3

リセット系のCSS読み込むだけで余計な心配なくなるなら読み込めば良いよ、一行書くだけだし
ブラウザごとのデフォルトCSSを知ってるならそれに合わせるように自前で作ってもいいけど、世の中には既に作ってくれてるものがあるんだからそれを使わせてもらった方が楽だよ
タダで使えるんだし

Comments

[maisumakun]

すでにリセットCSSの入ったCSSフレームワークが前提だと、別なものを入れると矛盾してしまう危険性が考えられます。