reset.css文件及引入

作者: VinSmokeW | 来源:发表于2019-10-16 15:31 被阅读0次

    一. 关于reset.css

    使用reset.css的原因:各大浏览器默认样式不同,为了避免对结果产生差异性,咱们给它一个统一的css

    不使用通配符*的原因:通配符会遍历到每一个标签,对于大型网站而言优化加载速度是很重要的

    推荐一个下载reset.css的网站:https://cssreset.com/

    二.文档

    html {

    overflow-x: auto;

    overflow-y: scroll;

    }

    body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td {

    font-weight: 400;

    margin: 0;

    padding: 0;

    }

    h1,h2,h3,h4,h5 {

    margin: 0;

    padding: 0;

    }

    body {

    background-color: #FFFFFF;

    color: #666666;

    font-family: Helvetica, Arial, sans-serif;

    font-size: 12px;

    text-align: left;

    }

    select {

    font-size: 12px;

    }

    table {

    border-collapse: collapse;

    }

    fieldset,

    img {

    border: 0none;

    }

    fieldset {

    margin: 0;

    padding: 0;

    }

    fieldset p {

    margin: 0;

    padding: 0008px;

    }

    legend {

    display: none;

    }

    address,

    caption,

    em,

    strong,

    th,

    i {

    font-style: normal;

    font-weight: 400;

    }

    table caption {

    margin-left: -1px;

    }

    hr {

    border-bottom: 1pxsolid#FFFFFF;

    border-top: 1pxsolid#E4E4E4;

    border-width: 1px0;

    clear: both;

    height: 2px;

    margin: 5px0;

    overflow: hidden;

    }

    ol,

    ul {

    list-style-image: none;

    list-style-position: outside;

    list-style-type: none;

    }

    caption,

    th {

    text-align: left;

    }

    q:before,

    q:after,

    blockquote:before,

    blockquote:after {

    content: ””;

    }

    相关文章

      网友评论

        本文标题:reset.css文件及引入

        本文链接:https://www.haomeiwen.com/subject/mlkumctx.html