css-css权威指南学习笔记6

第八章 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、让绝对定位的图片居中显示的一种方法：

img{
            position: absolute;
            margin: auto auto;
            left: 0;
            right: 0;
            top: 0;
            bottom: 0;
        }

11、相对定位如果过度受限，那么bottom等于-top，right=-left。