CSS技巧

1.margin padding的四个值得顺序：上右下左，就是顺时针的从12点到24点。

2.div（一个层）垂直水平居中：先知道该div（层）的宽高，然后{height:100px; width:200px; margin:-50px 0 0 -100px; top:50%; left:50%; }

3.CSS的叫法：嵌入式样式表（就是head中的） 内联式样式表（style中的） 链接式样式表（link中的）

4.CSS中适应所有对象的是 背景附件 ？啥意思？

5.CSS的内外补丁其实就是 margin 和 padding

6.margin-top和margin-bottom是可以重合的。

7.CSS浮动有啥用？就是为了让其脱离文档流，抽出单一个层。

8.行级元素的margin对上下无效，左右才有效，padding都有效。

9.display 的inline对应行级元素，block对应块级元素，但是如果互换呢？互换就是块级元素横排列，行级元素竖直排列。

10.display 的inline-block啥意思？就是让块级元素横着显示呗！而行级元素加了inline-block，那就跟块级元素一样，可以设置宽高。

11.如何让不确定宽度的控件水平居中？a.用margin-left/right：auto的table做辅助;b.用父级display：inline 子级text-align:center就OK了（你块级元素宽不确定，默认父级同宽，那不就是字居中么！行级元素需要加display:block）。

12.如何不确定高度的控件垂直居中？a.设置margin呗； b.行级元素用line-height ；c.块级元素FF IE8以上用display:table-cell来模拟表格，然后用表格才能用的vertical-align:middle来居中，而IE6\7呢？用*position:relative激活hack，或用父级hack相对定位+top-50%和子级绝对定位*position:absolute top:50%来表示。

13.margin-left是一个很奇特的属性，如果父级被定义为禁止滚动条 overflow:hidden;那么你设多个float:left的div，margin-left为负，它会挤到上一行;

14.让元素隐藏的两种CSS属性：display：none 不占空间且无法点击 visibility:hidden 占空间且无法点击；

15.CSS sprite技术，也就是俗称 图片整合技术，就是把小型的ICON图标整合成一个正方大图组合，然后加载的时候用background-position的负值定位法从大图中把小图割出来。