为什么要在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 { 600px; height: 100px; background: blue; cursor: hand; } li { 600px; height: 20px; background-color: red; }