美文网首页
【北京分院一百二十二期】css有哪些属性可以继承?

【北京分院一百二十二期】css有哪些属性可以继承?

作者: 古碑先生 | 来源:发表于2017-05-28 18:29 被阅读0次

    1.背景介绍

    CSS的一个主要特征就是继承,它是依赖于祖先-后代的关系的。继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以应用于它的后代。例如一个BODY定义了的颜色值也会应用到段落的文本中。

    2.不可继承的属性

    display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before和unicode-bidi。

    3.可继承的的属性

    所有元素可继承: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。

    4.简单点的理解

    CSS继承特性主要是指文本方面的继承,而关于与盒模型相关的不带继承。比如 font-size:12px;会继承,而margin-left:10px;则不会继承

    5.后面的话

    css3里inherit关键字代表“使用指定给父元素的所有值”。如果父元素中没有明确的值定义,浏览器搜寻DOM树直到找到相应的属性。最终无法找到的话,它会使用浏览器的默认值

    6.参考文献

    "http://blog.163.com/yhwwen@126/blog/static/170468853201326421822/"四眼闷的博客

    相关文章

      网友评论

          本文标题:【北京分院一百二十二期】css有哪些属性可以继承?

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