CSS进阶

作者: Long_Dark | 来源:发表于2020-03-14 18:19 被阅读0次

    什么是 CSS 继承

    继承就是子标签继承了上级标签的CSS样式的属性
    <style>
        body{
            font-size:20px;
            color:#fff;
            text-aglin:cente;
        }
    </style>
    <body>
        <p></p>
        <h2></h2>
        <ul>
            <li>
            <li>
        </ul>
    </body>
    

    body里面的子元素都会继承sytle里面定义的样式

    哪些属性能继承,哪些不能?

    能继承的属性有

    所有元素可继承:(visibility和cursor)
    内联元素可继承:(letter-spacing、word-spacing、white-space、line-height、color、font、 font-family、font-size、font-style、font-variant、font-weight、text- decoration、text-transform、direction)内联元素可继承字体排版相关属性
    块状元素可继承:(text-indent和text-align)
    列表元素可继承(列表相关属性):(list-style、list-style-type、list-style-position、list-style-image)
    表格元素可继承:(border-collapse)

    不能继承的属性有

    盒子模型相关: (margin border padding height width min-height max-height min-width max-width)
    显示相关属性: (display,overflow)
    定位属性: (position left top right bottom z-index float clear vertical-align table-layout)

    相关文章

      网友评论

          本文标题:CSS进阶

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