您现在的位置:首页 >> 前端 >> 内容

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

时间:2016/3/16 9:13:22 点击:

  核心提示:为什么要在css文件中定义ul{margin:0;padding:0;}这个选择器?ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值。请看以下不同浏览中对padding、...

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

ul标签在FF中默认是有padding值的,而在IE中只有margin默认有值。请看以下不同浏览中对padding、margin的默认值是多少?

IE效果:

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

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

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

 

IE的结果:margin-left:默认是40px;

 

FF效果:

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

 

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

 

火狐结果:padding-left:40px;

 

Wekkit效果:

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

Webkit的padding-left:40px;

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

 

Webkit结果和火狐一样:padding-left:40px;

根据以上浏览器对ul的margin、padding不同的默认值,所以设置 ul{margin:0;padding:0;},让大部分浏览器统一起来ul的margin、padding的属性值。 .

HTML:

    CSS:

      body, ul {
        padding: 0;
        margin: 0;
      }
    
      #box {
        width: 600px;
        height: 100px;
        background: blue;
        cursor: hand;
      }
    
      li {
        width: 600px;
        height: 20px;
        background-color: red;
      }

    作者:网络 来源:姜丝的博客