為什麼要在css檔案中定義 ul{margin:0;padding:0;}這個選擇器?
阿新 • • 發佈:2018-12-26
為什麼要在css檔案中定義 ul{margin:0;padding:0;}這個選擇器?
ul標籤在FF中預設是有padding值的,而在IE中只有margin預設有值。請看以下不同瀏覽中對padding、margin的預設值是多少?
IE效果:
IE的結果:margin-left:預設是40px;
FF效果:
火狐結果:padding-left:40px;
Wekkit效果:
Webkit的padding-left:40px;
Webkit結果和火狐一樣:padding-left:40px;
根據以上瀏覽器對ul的margin、padding不同的預設值,所以設定 ul{margin:0;padding:0;},讓大部分瀏覽器統一起來ul的margin、padding的屬性值。 .
HTML:
<ul id="box">
<li></li>
<li></li>
</ul>
CSS:
body, ul {
padding: 0;
margin: 0;
}
#box {
width: 600px;
height: 100px;
background: blue;
cursor: hand;
}
li {
width: 600px;
height: 20px;
background-color: red;
}