您的位置:首页 > Web前端 > CSS

CSS基础知识总结--《CSS权威指南》阅读笔记(二)

2015-01-15 23:11 399 查看
一、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

    text-decoration属性不能继承,颜色与元素本身的颜色一致

五、display

display属性改变元素显示,但不改变元素性质

六、外边距、内边距

margin如果用百分比是相对于父元素的width计算的,无论左右边距还是上下边距都是。另外相对的是父元素width的计算值,不是声明值,即使不声明width也会有计算值。

padding百分比是一样的。

七、边框

边框宽度不能是百分比,也不能是负数。

八、浮动

浮动元素“自成一派”,不多它还是以自己的方式影响文档其他部分:一个元素浮动时,其他内容会“环绕”该元素;

浮动元素周围的外边距不会合并,这很好理解,因为它“自成一派”嘛

让非替换元素浮动,必须声明width,否则width为0
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css