css重点

1. 哪些属性能继承？

color、 text-开头的、line-开头的、font-开头的。

2. class和id的区别：class用于css的，id用于js的。

1）class页面上可以重复。id页面上唯一，不能重复。

2）一个标签可以有多个class，用空格隔开。但是id只能有id。

3. 选择器

1) 说IE6层面兼容的： 标签选择器、id选择器、类选择器、后代、交集选择器、并集选择器、通配符。

①　p

②　#box

③　.spec

④　div p

⑤　div.spec

⑥　div,p

⑦　*

2) IE7能够兼容的：儿子选择器、下一个兄弟选择器

①　div>p

②　h3+p

3) IE8能够兼容的：

①　ul li:first-child

②　ul li:last-child

4. 一个盒子中主要的属性就5个：width、height、padding、border、margin。

①　width是“宽度”的意思，CSS中width指的是内容的宽度，而不是盒子的宽度。

②　height是“高度”的意思，CSS中height指的是内容的高度，而不是盒子的高度

③　padding是“内边距”的意思

④　border是“边框”

⑤　margin是“外边距”

5. css中一共有三种手段，使一个元素脱离标准文档流：

1） 浮动

2） 绝对定位

3） 固定定位

6. 一旦一个元素浮动了，那么，将能够并排了，并且能够设置宽高了。无论它原来是个div还是个span。一个浮动的a、span，是不需要设置display:block;就能够设置宽高了。因为浮动之后，脱离标准流了，所以标准流里面的法律、规则都不适用了。

7. 浮动的性质：脱标、贴边、字围、收缩。

收缩：一个浮动的元素，如果没有设置width，那么将自动收缩为文字的宽度（这点非常像行内元素）。

8. 清除浮动方法

①　给浮动的元素的祖先元素加高度。

②　clear:both;

③　隔墙法

④　overflow:hidden;

9. margin的塌陷现象:标准文档流中，竖直方向的margin不叠加，以较大的为准。如果不在标准流，比如盒子都浮动了，那么两个盒子之间是没有塌陷现象的；margin这个属性，本质上描述的是兄弟和兄弟之间的距离； 最好不要用这个marign表达父子之间的距离。所以，我们一定要善于使用父亲的padding，而不是儿子的margin。

10. 首行空两个汉字的格，单位比较奇怪，叫做em，em就是汉字的一个宽度。text-indent:2em;indent就是“缩进”的意思。

11. 行高=盒子高。  只适用于单行文本垂直居中！！不适用于多行。如果想让多行文本垂直居中，需要设置盒子的padding

12. 只有定位了的元素，才能有z-index值。也就是说，不管相对定位、绝对定位、固定定位，都可以使用z-index值。而浮动的东西不能用。