cssで0でも書くのはなぜでしょうか？

質問

スタイルシートをはじめたばかりです。
よくmargin: 0;やpadding: 0; boder: 0;と書きますが、0でも書かなきゃどこかまずい位置に行っていまうからなんでしょうかね。
ブラウザによって違うがら配慮してのことなのでしょうか？
どうぞよろしくおねがい致します。

回答No.3

elttac · ベストアンサー

仕様上は，margin，padding の【初期値（デフォルト）は 0】です。border に関しては，border-width の初期値は medium ですが，border-style の初期値が none なので，枠は描かれません。

　さてしかし，実際は，ブラウザが各要素について，この初期値を書き換えています。ちょうど，ブラウザがそれぞれ「ブラウザの既定のスタイルのスタイルシート」を持っていることと同等です。
　たとえば，多くのブラウザで，「p の前後は 1 行分空く」スタイルになっていますが，これは，ブラウザが，
p { margin-top: 1em; margin-bottom: 1em; }
と設定していると考えられます。
　こういった「既定のスタイル」は，たしかにブラウザによって多少違いがありますから，これを帳消しにするために，
* { margin: 0; padding: 0; }
という記述を入れて，すべての要素について 1 から余白などを設定しなおすという手法が取られます。

回答No.2

shinkun0114

IEなんかでもそうですけど、
　margin
　padding
　border
これらは０以外がデフォルトです。
　読みやすくするために、ブラウザが余白を空けたり、
罫線に幅を持たせたりしています。
CSSで自由にデザインしたい場合は、これらのデフォルト値が
邪魔になることがありますので、０を設定します。
（画像の周りに余白を開けたくないなどの理由）

　また、何かを記述する場合は、たとえデフォルトであっても
あらゆる環境を想定し値を設定しておくのがマナーとされています。

回答No.1

yakou850

あまり自分もＣＳＳは詳しくないのですが、
marginなどのデフォルトは０でなかったと思います。
それを０として使いたいので、０と書くのだと思います。
０を書くことで、より自分の求めたデザインに近づけるので書くのでしょう。