美文网首页
关于css继承简单分析

关于css继承简单分析

作者: 东东丶酱 | 来源:发表于2017-09-10 15:40 被阅读0次

    CSS样式表继承指的是,特定的CSS属性向下传递到子孙元素。

    css样式表属性可以继承的有如下:

    azimuth, border-collapse, border-spacing,
    caption-side, color, cursor, direction, elevation,
    empty-cells, font-family, font-size, font-style,
    font-variant, font-weight, font, letter-spacing,
    line-height, list-style-image, list-style-position,
    list-style-type, list-style, orphans, pitch-range,
    pitch, quotes, richness, speak-header, speaknumeral,
    speak-punctuation, speak, speechrate,
    stress, text-align, text-indent, texttransform,
    visibility, voice-family, volume, whitespace,
    widows, word-spacing

    吓?!这么多?!怎么记得住呢?

    1、文本相关属性:

    font-family, font-size, font-style,
    font-variant, font-weight, font, letter-spacing,
    line-height, 
    

    2、列表相关属性:

     list-style-image, list-style-position,
    list-style-type, list-style,
    

    3、还有一个属性比较重要,color属性。

    值得一说的是font-size。很显然font-size是可以被继承的。但是它的方式有一些特别。Font-size的子类继承的

    p { font-size:14px;}

    由于浏览器默认字体大小是16px,而p定义了字体14px,所以em继承了p的字体大小属性,也是14px;

    p { font-size:0.85em;}

    浏览棋默认字体大小16px,而p定义了字体大小(16px X 0.85em = 13.6px). 13.6px这个值将被子元素em继承。

    p { font-size:85%;}

    浏览棋默认字体大小16px,而p定义了字体大小(16px X 85% = 13.6px). 13.6px这个值将被子元素em继承。

    不是实际值,而是计算后的值。

    相关文章

      网友评论

          本文标题:关于css继承简单分析

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