CSS 属性的继承与否
更新日期:
- 书写时注意,可利用以下三点:
利用 默认值
利用 继承
利用 层叠
不可继承的
盒模型-布局
margin, border, padding
width, max-width, min-width
height, max-height, min-height定位
float, clear, overflow
position (top,right,bottom,left)
z-index所有背景属性
background (color,image,position)文本属性
vertical-align (垂直居中:行内、替换元素)
text-decoration (文本属性)
text-shadow (文本阴影)
white-space (对空白字符的处理)
unicode-bidi (css处理文本方向)其他
content (生成内容)
content-reset (计数器标识-eg.ol时)
outline (轮廓)
clip(没玩过)
可继承的
文本属性
font(size,weight,family)
line-height
text-indent
text-align
word-spacing
letter-spacing
text-transform
direction(文字方向)其他
color
cursor
list-style(-type,-image,-position) :eg.list-style:url() square inside
quotes (生成括号)
visibility【再确认?】
默认值
margin:0
border 的默认值
border-style: 默认为none
border-color: 默认为 元素本身的前景色|父元素的文本颜色
border-width: 默认medium
没有样式,就没有宽度,所以 border 也无从谈起
border-style:10个,eg.solid,dashed,dotted,…..,inset,outset
border-width 有4种设值:px, thin, medium, thick
border-color:可透明,transparent
背景色 及 border 的位置关系:border是在background之上的
固执的元素
clear:只对块级元素
list-style:只对 display:list-item 的元素
position 不是 static,则为定位元素
background-color 默认的是 transparent(所以看起来像继承)
说明
- a的颜色
往往不继承其外层容器:因为代理自己设了a的样式