為什麼要在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;
  }