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

• text-align: center属性规定元素中的文本水平居中,作用在块级元素上,可以让元素的内容水平居中,不能让元素本身居中.

IE 盒模型和W3C盒模型有什么区别?

• IE的盒模型与W3C盒模型的区别在与宽高的计算,IE盒模型中的宽高是包括了padding的，而W3C盒模型不包括，不管padding加多少内容区域的宽高不会改变.在css3中box-sizing: content-box属性规定使用w3c盒模型,box-sizing: border-box规定使用IE盒模型.

*{ box-sizing: border-box;}的作用是什么？

• 这行代码的作用是制定页面使用IE盒模型.

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

• 他们的区别体现在继承的时候.
• 父元素设置line-height:1.5会直接继承给子元素，子元素根据自己的font-size再去计算子元素自己的line-height。
• 父元素设置line-height:150%是计算好了line-height值，然后把这个计算值给子元素继承，子元素继承拿到的就是最终的值了。此时子元素设置font-size就对其line-height无影响了。

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

• inline-block显示方式让元素不独占一行,可以设置宽高.
• 去除缝隙可以在写代码时两个元素不换行连着写,也可以设置他们的父元素font-size: 0,
• 给其父元素设置vertical-align: top

CSS sprite 是什么?

• css sprite是将不同图片或图标合并在一张图上.然后利用css的background属性定位背景图位置.
• 优点:可以减少网络请求.提高网页加载性能,
• 缺点:精灵图不能缩放,改动很麻烦.

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

• opacity：0；设置透明度为0，占据位置；
• display：none;不占据位置；
• visiblity：hidden；和opacity：0类似；
• background-color：rgba(0,0,0,0)设置背景色透明；