CSS基础知识总结--《CSS权威指南》阅读笔记(二)
2015-01-15 23:11
399 查看
一、CSS URL
在CSS中,相对URL要相对于样式表本身,而不是相对于使用该样式表的HTML文档。例如,可能有一个外部样式表,其中导入了另一个样式表。如果使用相对URL来导入第二个样式表,它必须相对于第一个样式表。
二、关键字 inherit:作用是继承其父元素样式。大多数情况下,不必指定继承,因为大多数属性本身会自然地继承,不过,有些时候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中,相对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基础知识总结--《CSS权威指南》阅读笔记(一)
- 总结CSS基础知识【复习之一】
- HTML+CSS基础知识整理总结2015.3.9
- HTML`CSS_我用的过程中记下的基础知识总结
- HTML/CSS基础知识总结
- html+css 基础知识大总结
- CSS基础知识总结之基本概念
- 黑马程序员-html+css基础知识总结
- 【CSS+DIV网页样式与布局】——基础知识总结
- css基础知识总结
- CSS基础知识总结
- CSS基础知识总结之背景、尺寸、显示、盒子、定位
- html+css基础知识总结
- HTML+CSS基础知识整理总结2015.3.10
- CSS基础知识总结之颜色、单位
- css基础知识2 —— 关于css选择器( > , + , ~ )的总结
- 对CSS基础知识学习的一些总结
- HTML+CSS基础知识整理总结2015.3.11
- JAVA基础知识精华总结
- JAVA基础知识精华总结