1.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中?
作用在于使行内元素水平居中。作用在行内元素的父级元素上，让行内元素水平居中。
2.IE 盒模型和W3C盒模型有什么区别?
主要的区别在width上：
- IE的width=文本宽度+padding+border。
- W3C的width=文本宽度。
3.*{ box-sizing: border-box;}的作用是什么？
使页面上所有元素都使用IE盒模型。
4.line-height: 2和line-height: 200%有什么区别?
- line-height: 2，指行高是该元素字体大小的2倍。
- line-height: 200%，指行高是该元素的父级元素字体大小的2倍。
5.inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
- inline-block有什么特性？
使行内元素具备块级元素的特性，但又保持行内元素的特性。即可设置margin-top和margin-bottom等，同时不能独占一行。 - 如何去除缝隙？
- 将父级元素的font-size设置为0，再设置该元素的font-size。
- 两个行内元素连着写，中间不换行。
- 高度不一样的inline-block元素如何顶端对齐?
使用vertical-align: top;。
6.CSS sprite 是什么?
CSS sprite将多个图片合并成一个图片，在使用时只显示出所需要的该图片的一部分，并且所有图片的引用链接都是一样的，从而能够减少向服务器发出的请求。
7.让一个元素"看不见"有几种方式？有什么区别?
- 浏览器会保留元素的位置，但看不见。
opacity: 0 ; 透明度为0，整体
visibility: hidden ; 和opacity:0 类似 - 浏览器不会保留元素的位置。
display:none; 消失，不占用位置
