3.(初级)CSS继承

    xiaoxiao2021-03-26  24

    一、继承

    继承:子元素继承父元素属性

    例如:

    <body>

    <p></p>

    </body>

    body标签设置的属性p标签会继承

    利用继承

    全局通用属性建议设置在祖元素中,以便子元素继承复用。

    例如:

    <body>

    <header>

    <div><div>

    </header>

    <main></main>

    <footer></footer>

    </body>

    通用样式建议写在body中,字体、字体大小、文字颜色等

    body{

    font-family:Arial,Helvetica;

    }

    三、继承的局限性

    !并不是所有样式都可以继承。

    不被继承情况:

    1、元素位置(position)属性、外边距(margin)、内边距(padding)、边框(border)、背景(background)、大小(width、height)等等。

    2、标签自带样式。

    例如:<a>标签字体颜色蓝色

     

    转载请注明原文地址: https://ju.6miu.com/read-659962.html

    最新回复(0)