一、CSS URL
在CSS中,相对URL要相对于样式表本身,而不是相对于使用该样式表的HTML文档。例如,可能有一个外部样式表,其中导入了另一个样式表。如果使用相对URL来导入第二个样式表,它必须相对于第一个样式表。
二、关键字 inherit:作用是继承其父元素样式。大多数情况下,不必指定继承,因为大多数属性本身会自然地继承,不过,有些时候inherit还是很有用的。例如
#toolbar a{color:inherit;}
这会让链接使用继承的color值而不是用户代理的默认样式。正常情况下,直接指定的样式总会优于于继承的样式,但是通过使用inherit可以把情况反过来。
三、所有字体属性写在一个声明中
font属性:
- 前三个是font-style,font-variant,font-weight,是可选的,可按任意顺序;
- 后两个是font-size,font-family,是必须按此顺序的,而且必须声明的,否则该条规则将无效;
- font-size属性可以加上line-height的声明,以正斜杠分割,但必须先有font-size才能加line-height;
text-decoration属性不能继承,颜色与元素本身的颜色一致
五、display
display属性改变元素显示,但不改变元素性质
六、外边距、内边距
margin如果用百分比是相对于父元素的width计算的,无论左右边距还是上下边距都是。另外相对的是父元素width的计算值,不是声明值,即使不声明width也会有计算值。
padding百分比是一样的。
七、边框
边框宽度不能是百分比,也不能是负数。
八、浮动
浮动元素“自成一派”,不多它还是以自己的方式影响文档其他部分:一个元素浮动时,其他内容会“环绕”该元素;
浮动元素周围的外边距不会合并,这很好理解,因为它“自成一派”嘛
让非替换元素浮动,必须声明width,否则width为0