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; 消失，不占用位置