CSS的闲言碎语

1    设置overflow浮动后会把元素设置为inline-block

2    overflow是脱离文档流的，因此会影响到后边的盒子，后边的盒子会跑到浮动盒子的下面去，要想解决，需要加一个父盒子，并且给它一个高度

3    关于css的权重，计算权重就是直接加法运算，如下图：

4    关于背景图片的CSS样式：

background: transparent url(image.jpg) repeat-y  scroll 50% 0 ;

5    背景半透明的写法：

background: rgba(0,0,0,0.3);

6    清除浮动的方法

•   额外标签法：    通过在浮动元素末尾添加一个空的标签例如 <div style=”clear:both”></div>
•    父级盒子添加overflow属性：overflow：hidden
• 使用after伪元素： .clearfix:after {  content: ""; display: block; height: 0; clear: both; visibility: hidden;  }   

                             .clearfix {*zoom: 1;}   /* IE6、7 专有 */

• 使用before和after双伪元素清除浮动：

.clearfix:before,.clearfix:after { 
  content:"";
  display:table;  /* 这句话可以出发BFC BFC可以清除浮动 */
}
.clearfix:after {
 clear:both;
}
.clearfix {
  *zoom:1;  （ie6,7）
}

7    子元素设置为绝对定位，父元素设置为相对定位  -----重要程度 无以言表！！！

8    对应z-index只有定位（绝对，相对，固定）才有该属性，其余的所有都没有该属性！！！亦不可指定该属性！！！

9    绝对定位和固定定位都完全脱标，完全脱离文档流

10    绝对定位----若所有父级元素都没有定位，则以浏览器当前浏览器屏幕为准对齐，如果父级元素有定位，则相对于最近的已经定位的父级元素为准进行定位！！！

11    背景图片不能撑开盒子，插入图片可以撑开盒子！！

12   padding会撑开盒子

未完待续。。。。。。。。。。。。。。