一、继承

继承:所谓CSS样式继承,就是子元素应用父元素的规则声明。(由这一特性,可将CSS属性分为可继承属性和非可继承属性。)
可继承属性:属性值可由父元素继承给子元素的属性称之为可继承属性。

哪些属性是可继承属性?

1、文本样式属性

text-indent、text-align、word-spacing、letter-spacing、text-transform、text-decoration、direction、white-space

2、字体样式属性

font、font-family、font-size、font-style、font-variant、font-weight

3、列表样式属性

list-style、list-style-image、list-style-position、list-style-type

4、color属性

注:这里特别解释:font-size属性(继承性比较特殊)    
不同于有准确的值被继承,font-size继承的是计算的值。   

例如:

<!DOCTYPE html> 
<html lang=“utf8>
    <head>
        <meta charset="utf-8">
        <title>Demo</title>
    </head>
    <body style="font-size:85%">
        body字体大小
        <h1 style="font-size:200%">h1字体大小</h1>
        <h2 style="font-size:150%">h2字体大小</h2>
        <p>p字体大小<em>em字体大小</em></p>
    </body>
</html>

相关文章:

  • 2021-05-11
  • 2021-05-16
  • 2022-01-08
  • 2021-11-28
  • 2022-02-03
  • 2022-01-27
  • 2021-06-02
猜你喜欢
  • 2021-11-14
  • 2022-02-11
  • 2021-07-17
  • 2021-10-19
  • 2021-09-28
相关资源
相似解决方案