标签样式初始化


标签样式初始化

css reset 原则:

但凡是浏览器默认的样式,都不要使用。

因为每个浏览器下标签的默认样式可能会出现不一致的情况。

人为的将所有样式全部统一(清除),再根据实际情况(设计稿)统一设置。

哪些样式是需要重置的

​ 与盒模型相关的样式

  • margin
  • padding
  • border

标签特有的样式

  • ​ ul>li

  • ​ ol>li

    书写原则:
    用到什么标签就清除所用标签的默认样式
    建议不要直接将所有标签全部加上。
    不要将所有标签全部统一设置一致的reset,需根据标签默认样式特征来分类设置。

    <style>
        body, h1, h2, h3, h4, h5, h6, p, dl, dd{
            margin: 0;
        }
        ul, ol{
            margin: 0;
            padding: 0;
            list-style: none;
        }
        img{
            border: none;
            vertical-align: top;
        }
        a{
            text-decoration: none;
        }
    </style>

文章作者: dlwin888
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 dlwin888 !
  目录