css-css权威指南学习笔记6
2016-12-31 20:29
232 查看
第八章 padding/border/margin
1、对于只包含文本的行,能改变行间距里的属性只有line-height/font-size/vertical-align。
2、对行内非替换元素应用负外边距,左右两端可能与其他内容重叠。
3、边框绘制在元素的背景之上。(可修改)
4、要把单边属性放在简写属性之后,防止覆盖。
5、不论行内元素的边框指定怎样的宽度,元素的行高都不会改变,见1.
第九章 颜色和背景
1、边框颜色在未声明的情况下,会默认应用前景色或者继承来的颜色。
2、应用背景图像的情况下,最好同时声明背景色。
3、利用百分数值设定背景图的位置时,百分数的含义是将元素的百分数值的点与图像百分数值的点对齐。
4、背景图像开始于左上角的内边框处(同时也是内边距处)。
5、改变background-position可以改变平铺开始的位置。
第十章 浮动和定位
1、一个元素浮动时,其他内容会环绕该元素。常见的如浮动一个img,p的内容会围绕img分布。
2、浮动元素的margin不会合并。
3、浮动元素会延伸,从而包含其所有后代浮动元素,所以,将父元素设置为浮动元素,就可以把浮动元素全都包含在其父元素内。
4、行内框与一个浮动元素重叠时,其边框背景内容都在浮动元素之上显示;块框与一个浮动元素重叠时,其边框和背景在该浮动元素之下显示,但是内容在浮动元素之上显示。
5、clear应用于块级元素,表示left或right或both不允许存在浮动元素。
6、要使一个清除元素的顶端与一个浮动元素的底端之间有一定空间,可以为浮动元素设置一个margin-bottom,给清除元素设置margin-top并不方便(清除区域的原因)。
7、对于一个非根元素,如果position值是absolute,包含块是最近的position值不是static的祖先元素。
8、top/right/bottom/left应用于position值不是static的元素。元素的外边距边界相对包含块的内边距边界(边框)偏移。
9、position:absolute中top:auto;left:auto意味着元素位于未定位前的位置(原本该出现的位置)。
10、让绝对定位的图片居中显示的一种方法:
11、相对定位如果过度受限,那么bottom等于-top,right=-left。
1、对于只包含文本的行,能改变行间距里的属性只有line-height/font-size/vertical-align。
2、对行内非替换元素应用负外边距,左右两端可能与其他内容重叠。
3、边框绘制在元素的背景之上。(可修改)
4、要把单边属性放在简写属性之后,防止覆盖。
5、不论行内元素的边框指定怎样的宽度,元素的行高都不会改变,见1.
第九章 颜色和背景
1、边框颜色在未声明的情况下,会默认应用前景色或者继承来的颜色。
2、应用背景图像的情况下,最好同时声明背景色。
3、利用百分数值设定背景图的位置时,百分数的含义是将元素的百分数值的点与图像百分数值的点对齐。
4、背景图像开始于左上角的内边框处(同时也是内边距处)。
5、改变background-position可以改变平铺开始的位置。
第十章 浮动和定位
1、一个元素浮动时,其他内容会环绕该元素。常见的如浮动一个img,p的内容会围绕img分布。
2、浮动元素的margin不会合并。
3、浮动元素会延伸,从而包含其所有后代浮动元素,所以,将父元素设置为浮动元素,就可以把浮动元素全都包含在其父元素内。
4、行内框与一个浮动元素重叠时,其边框背景内容都在浮动元素之上显示;块框与一个浮动元素重叠时,其边框和背景在该浮动元素之下显示,但是内容在浮动元素之上显示。
5、clear应用于块级元素,表示left或right或both不允许存在浮动元素。
6、要使一个清除元素的顶端与一个浮动元素的底端之间有一定空间,可以为浮动元素设置一个margin-bottom,给清除元素设置margin-top并不方便(清除区域的原因)。
7、对于一个非根元素,如果position值是absolute,包含块是最近的position值不是static的祖先元素。
8、top/right/bottom/left应用于position值不是static的元素。元素的外边距边界相对包含块的内边距边界(边框)偏移。
9、position:absolute中top:auto;left:auto意味着元素位于未定位前的位置(原本该出现的位置)。
10、让绝对定位的图片居中显示的一种方法:
img{ position: absolute; margin: auto auto; left: 0; right: 0; top: 0; bottom: 0; }
11、相对定位如果过度受限,那么bottom等于-top,right=-left。
相关文章推荐
- css-css权威指南学习笔记2
- css-css权威指南学习笔记1
- css-css权威指南学习笔记7
- CSS权威指南学习笔记--Chapter1 CSS和文档
- CSS权威指南学习笔记--Chapter3结构和层叠
- css权威指南学习笔记--第6章
- CSS权威指南之css声明,伪类,文本处理--(简要笔记一)
- css权威指南学习笔记 —— css选择器
- css权威指南学习笔记--第七章
- CSS权威指南学习笔记--Chapter2 选择器
- 《CSS 设计指南》学习笔记 一
- CSS权威指南学习笔记--Chapter4 值和单位
- XHTML+css,web标准学习笔记1——DOCTYPE声明
- CSS学习笔记-附加篇(web标准化设计:常用的CSS命名规则)
- CSS学习笔记-属性篇。
- CSS学习笔记-附加篇(CSS的超级技巧)
- CSS学习笔记-附加篇(CSS的超级技巧)
- CCNA学习指南第3章IP寻址笔记
- css学习笔记(3)图文混排 分级 鼠标
- Linux学习笔记 初学指南