首先我们来看一下css优先级:
!important > 行内样式 > ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性。
常用的css不可继承的属性
display元素转换、 text-decoration文字装饰、 text-shadow文本阴影、 white-space空格换行、 width宽、height高、margin外边距、border边框、padding内边距
background背景 float浮动、clear不允许浮动、position定位、top上、right右、bottom下、left左、min-width最小宽、min-height最小高、max-width最大宽、max-height最大高、overflow溢出隐藏、clip裁剪、z-index堆叠顺序
常用的css可继承的属性:
font-family字体系列、font-weight字体加粗、font-size字体大小、font-style字体风格、text-indent文字缩进、text-align水平对齐、line-height线条高度、color颜色
所有元素可以继承的
visibility隐藏、cursor光标
详细
能继承的属性如下:
1.字体系列属性 :
font font-family font-weight font-size font-style
2.文本系列属性
2.1内联元素
color line-height word-spacing letter-spacing text-transform
2.2块级元素
text-indent text-align
3.元素的可见性
visbility
4.表格布局属性
caption-side border-collapse border-spacing empty-cells table-layout
5.列表布局属性
不能继承的属性如下:
1.display:规定元素应该生成的框的类型.
2.文本属性: vertical-align text-decoration
3.盒子模型的属性 : width height margin border padding
4.背景属性: background background-color background-image
5.定位属性 float-clear position top right bottom left min-width min-height
max-width max-height overflow clip