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); 背景透明