CSS复习--样式的继承和样式的冲突

最新推荐文章于 2022-07-21 16:24:22 发布

Loery1314

最新推荐文章于 2022-07-21 16:24:22 发布

阅读量909

点赞数 1

分类专栏： CSS 文章标签： css 前端 css3 html5 html

本文链接：https://blog.csdn.net/Loery1314/article/details/121717580

版权

本文详细探讨了CSS中的样式继承，包括无继承性和有继承性的属性，以及所有元素和内联、块级元素可以继承的属性。此外，还讲解了样式的冲突，即选择器的权重，如何计算和解决样式冲突，并提到了!important的使用注意事项。

摘要由CSDN通过智能技术生成

样式的继承

样式的继承，就是我们为一个元素设置的样式同时也会应用到它的后代元素上。
继承是发生在祖先和后代之间的。
继承的设计是为了方便我们的开发，利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上，这样只需设置一次即可让所有的元素都具有该样式。
注意：并不是所有的样式都会被继承；
比如背景相关的，布局相关等的这些样式都不会被继承。

1.无继承性的属性

1、display：规定元素应该生成的框的类型
2、文本属性：
        vertical-align：垂直文本对齐
        text-decoration：规定添加到文本的装饰
        text-shadow：文本阴影效果
        white-space：空白符的处理
        unicode-bidi：设置文本的方向
3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-style、border-top-style、border-right-style、border-bottom-style、border-left-style、border-width、border-top-width、border-right-right、border-bottom-width、border-left-width、border-color、border-top-color、border-right-color、border-bottom-color、border-left-color、border-top、border-right、border-bottom、border-left、padding、padding-top、padding-right、padding-bottom、padding-left
4、背景属性：background、background-color、background-image、background-repeat、background-position、background-attachment
5、定位属性：float、clear、position、top、right、bottom、left、min-width、min-hei