在CSS中,有一些属性是可继承的,意味着子元素会从父元素继承该属性的值。然而,也有一些属性是不可继承的,子元素不会继承父元素的该属性值。下面是一些常见的可继承属性和不可继承属性的示例 :
一,可以继承的
1.字体系列属性:
- font-family:字体系列
- font-size:字体大小
- font-weight:字体粗细
- color:文本颜色
- text-align:文本对齐方式
2.文本系列:
- text-align:文本对齐方式
- line-height:行高度
-
word-spacing:单词之间的间距
-
letter-spacing:中文或者字母之间的间距
-
text-transform:控制文本大小写(就是uppercase、lowercase、capitalize这三个)
-
color:文本颜色
3.元素可见性:
visibility:控制元素显示隐藏
4、列表布局属性:
list-style:列表风格,包括list-style-type、list-style-image等
二,不可被继承的csss属性
1.display:规定元素应该生成的框的类型;
2.文本属性:vertical-align, text-decoration
3.盒子模型的属性:width,height,marigin, border,padding;
4.背景属性:float, clear, position , top ,tight.botton
5.定位属性:float、clear、position、top、right、bottom、left、min-width、min-height、maxwidth、max-height、overflow、clip