为什么要在css文件里定义 ul{margin:0;padding:0;}这个选择器？

为什么要在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;
  }