text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中？
text-align：center的作用是使块内元素的文字、图片、和行内元素水平居中。作用在块级元素上，但不能使块级元素居中,只能针对文本文字和img标签，对其他标签无效。
text-align是可继承元素，所以此块级元素的子元素如果是块级元素会继承它的属性，使子块级元素内的文字或图片或内联元素居中，但是子块级元素不会居中。
IE 盒模型和W3C盒模型有什么区别?
和标准 w3c 盒子模型不同的是：ie 盒子模型的 content 部分包含了 border 和 padding。
*{ box-sizing: border-box;}的作用是什么？
设置通用样式box-sizing: border-box，把页面中所有标签元素设置为iE盒模型
line-height: 2和line-height: 200%有什么区别?
line-height:2 是指行高是盒子模型里的content的两倍行高
line-height:200%是指行高是父元素的行高的两倍
line-height: 2和line-height: 200%的区别主要在继承上
inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
特性:有inline特性(不占据一整行，宽度由内容宽度决定)，又有block 特性 (可设置宽高，内外边距)。
去除缝隙的办法：
1.删掉标签之间的tab和回车符。
2.把标签装进一个容器中，给容器设置样式 font-size: 0;然后给子元素设置所需要的font-size: 大小样式
设置属性vertical-align: top;
CSS sprite 是什么?
css雪碧图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。对于当前网络流行的速度而言，不高于200KB的单张图片的所需载入时间基本是差不多的
优点：能很好地减少网页的http请求，从而大大的提高页面的性能
让一个元素"看不见"有几种方式？有什么区别?
opacity: 0 ; 透明度为0，整体
visibility: hidden ; 和opacity:0 类似
display:none; 消失，不占用位置
background-color: rgba(0，0，0，0.2) 只是背景色变透明，但不是完全透明
