CSS进阶
2020-03-14 本文已影响0人
Long_Dark
什么是 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）
