美文网首页
Chapter 4-5 标签权重值, css reset

Chapter 4-5 标签权重值, css reset

作者: Candy374 | 来源:发表于2017-01-03 07:10 被阅读0次

    继承

    • 影响元素位置的属性,或者页边距,背景颜色和元素的边框线,都不会被继承。

    标签权重值

    www.w3.org/TR/css3-selectors/#specificity

    • 标签选择器 1分
      <img>
    • 类选择器 10分
      .hightlight
    • id选择器 100分
      #logo
    • 内建样式 1000分

    CSS rest:

    http://meyerweb.com/eric/tools/css/reset

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td,
    article, aside, canvas, details, embed, 
    figure, figcaption, footer, header, hgroup, 
    menu, nav, output, ruby, section, summary,
    time, mark, audio, video {
        margin: 0;
        padding: 0;
        border: 0;
        font-size: 100%;
        font: inherit;
        vertical-align: baseline;
    }
    /* HTML5 display-role reset for older browsers */
    article, aside, details, figcaption, figure, 
    footer, header, hgroup, menu, nav, section {
        display: block;
    }
    body {
        line-height: 1;
    }
    ol, ul {
        list-style: none;
    }
    blockquote, q {
        quotes: none;
    }
    blockquote:before, blockquote:after,
    q:before, q:after {
        content: '';
        content: none;
    }
    table {
        border-collapse: collapse;
        border-spacing: 0;
    }
    

    相关文章

      网友评论

          本文标题:Chapter 4-5 标签权重值, css reset

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