1.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
- text-align: center作用于子元素中的行内元素，使行内元素居中
2.IE 盒模型和W3C盒模型有什么区别?
- IE盒模型的width和height = content + padding + board
- W3C盒模型的width和height = content
3.*{ box-sizing: border-box;}的作用是什么？
- 该页面全部元素使用IE盒模型
4.line-height: 2和line-height: 200%有什么区别?
- line-height: 2 行高是文字的两倍
- line-height: 200% 行高是父元素中文字的两倍
5.inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
- inline-block：宽度与行内元素一样为自身的宽度，高度与块元素一样可以设置
- 本质上是留空字符，所以父元素的font-size设置为0或者编码时不留空
- vertical-align: top;
6.CSS sprite 是什么?
将不同的图片合并在一张图片上以减少网络请求，提高网络的加载速度，使用时通过设置偏移量显示在对应的窗口。
7.让一个元素"看不见"有几种方式？有什么区别?
- opacity: 0; 整体透明度为0
- visiblity: hidden; 与opacity类似
- display: none; 消失，不占用位置
- background-color: rgba(0, 0, 0, 0.2); 背景透明
