text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中?
text-align: center可以让父元素中的内容水平居中，作用在块元素上使行内元素内容和设置inline-block元素水平居中
IE 盒模型和W3C盒模型有什么区别?
w3c盒子模型
image.png
ie盒子模型
image.png
w3c盒子模型的宽度 就是content的宽度
ie盒模型的宽度 是等于 border（左右border） + padding（左右padding） + content 的长度
高度同理
*{ box-sizing: border-box;}的作用是什么？
box-sizing : border-box 是使元素采用ie盒模型计算
line-height: 2和line-height: 200%有什么区别?
line-height:2 是设置本身文字高度的2倍的行间距
line-height：200% 是设置父元素的字体大小的200%的宽度
line-height 可以继承
inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
既呈现 inline 特性(不占据一整行，宽度由内容宽度决定)
又呈现 block 特性 (可设置宽高，内外边距)
存在缝隙问题：是由于两行之间有很多空白字符，浏览器都会当作一个文字。
举例：两个span设置inline-block，两段span中间的空隙去掉变成一行，就是第一个span的</span>与第二个span的<span>中间不留空隙
或者设置父容器的font-size:0; 然后span子容器再设置font-size数值
inline元素默认是文字的下基线对齐，设置vertical-align:top；设置顶端对齐，vertical-align适用于行内元素和表格。
CSS sprite 是什么?
指将不同的图片/图标合并在一张图上。
使用CSS Sprite 可以减少网络请求，提高网页加载性能。
网络请求在能少的情况尽量要少
让一个元素"看不见"有几种方式？有什么区别?
这里有详细的内容
http://www.imooc.com/article/4849
