CSS中可继承的属性
每一个属性在定义中都给出了这个属性是否可以继承,一个有继承性的属性在没有被声明的情况下会继承父元素同属性的值,如若没有继承性的属性想要继承父元素的属性,可以通过将它的值设置为inherit,来使它从父元素那里继承,以下是通常常见的有继承性的属性
- 字体属性
font:字体 一系列属性
font-family:字体系列
font-weight:字体粗细
font-size:字体大小
font-style:字体风格 - 文本
text-aglin:文本水平对齐的方式
text-indent:文本缩进
text-shadow:文本阴影
line-height:行高
word-spacing:字间隔
letter-spacing:字符间隔
text-transform:设置文本大小写
direction:文本的书写方向
color:文本颜色 - 列表
list-style-type:设置列表项标记的类型
list-style-image:用图像代替列表项标记
list-style-position:调整列表项标记的位置
list-style:可以设置所有列表属性 - 光标属性
cursor:鼠标放在一个元素上所使用的光标类型 - 元素可见性
visibility:设置元素是否隐藏
opacity:透明属性 - 表格属性
border-spacing:设置单元格边框的距离
table-layout:为表格设置表格布局算法
border-collapse:设置表格的边框是否被合并为一个单一的边框
caption-side:设置表格标题的位置
CSS中不可继承的属性
- display:规定元素应该生成框的类型
- 文本属性
text-decoration:添加到文本的装饰
vertical-aglin:文本垂直方向对齐方式
white-space:空白符的处理 - 盒子模型的属性
width:盒子的宽度
height:盒子的高度
margin:盒子的外边距
padding:盒子的内边距
min-width:最小宽度
max-width:最大宽度
min-height:最小高度
max-heigth:最大高度
border:边框 - 背景属性
background-color:背景颜色
background-position:背景位置
background-image:背景图片
background-repeat:背景平铺样式
background-size:背景大小 - 定位属性
float:浮动
clear:清除浮动
position:定位
left,top,right,bottom:方向
z-index:元素的堆叠顺序
overflow:内容溢出的处理方式 - 生成内容属性
content:通常与after或者before一起使用,用于定义元素之前或之后放置的内容 - 轮廓样式属性
outline-color:设置轮廓颜色
outline-style:设置轮廓样式
outline-width:设置轮廓宽度