标签样式初始化


标签样式初始化

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 !
 上一篇
选择器 选择器
选择器id选择器唯一 <div id="box"></div> #box { } 类选择器<div class="box"></div> .box { } 可以是多个class加在同一个元素上
2022-09-07
下一篇 
常用标签 常用标签
HTML常用标签span标签span 区分样式 header 页眉主要用于页面的头部信息,也可用于板块头部 nav 导航包含链接的一个列表 footer 页脚页面的底部或者版本底部 section 页面上的版块用于划分页面上不同的区域,或者
2022-09-05