zoukankan      html  css  js  c++  java
  • 为什么要在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 {
         600px;
        height: 100px;
        background: blue;
        cursor: hand;
      }
    
      li {
         600px;
        height: 20px;
        background-color: red;
      }




  • 相关阅读:
    C语言I博客作业09
    请看这里
    C++ 面向对象学习笔记[1]
    graphviz的使用
    KDE安装后的一些随笔
    近期内容整理
    链表
    理解C++ lvalue与rvalue
    再看“笕实智慧校园”——作品的复盘[1]
    无题
  • 原文地址:https://www.cnblogs.com/jzssuanfa/p/7219272.html
Copyright © 2011-2022 走看看