CSS常见样式2

text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中

使文本水平居中。作用在行内元素、块级元素内的文本上，也可以使行内元素、inner-block元素水平居中。

IE 盒模型和W3C盒模型有什么区别?{ box-sizing: border-box;}的作用是什么？

IE盒模型的大小以border为界，W3C盒模型的大小以content为界。{ box-sizing: border-box;}可以强制使用IE盒模型，这有时能方便我们设置大小。

line-height: 2和line-height: 200%有什么区别?

line-height是相对于字体大小的二倍；而line-height：200%是一个具体值，它会根据当前元素字体大小，计算出一个npx的值出来。

inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?

inline-block具有行的特性(不独占一整行)，也有块的特性（可以设置margin，宽高）。
去除缝隙就是避免外边距合并。
可以使用的方法有：

• 设置padding
• 设置border(可以颜色透明)
• overflow:hidden
• 负margin
• float(不能为了去除缝隙而单独用)

CSS sprite 是什么?

将多个png图标有序放置在一张图里，进而在css中利用background-position来调用所需图标，减少请求次数。（图片合成，CSS坐标代码可以借助工具完成，）

让一个元素"看不见"有几种方式？有什么区别?

display:none(不占行)opacity: 0或者visibility:hidden 透明度为0