1.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中

• 作用是水平居中，作用在行内元素，让文本元素居中，主要是文字；

2.IE 盒模型和W3C盒模型有什么区别?

• w3c盒模型:
  就是内容(content)区。

  
  
• 而IE盒模型:
  除了由内容区还包括了两边padding,broder的宽度。

3.*{ box-sizing: border-box;}的作用是什么？

• box-sizing有两个值：
  1. box-sizing: content-box：w3c标准盒模型
  2. box-sizing: border-box：“IE盒模型”

所以这个的意思是设置所有元素默认使用IE盒模型。

4.line-height: 2和line-height: 200%有什么区别?

• line-height: 200%:
  200%是父元素的2倍；
• line-height: 2:
  2是自身字体大小的两倍；
  在继承方面如果设置为200%那个他会立刻计算出这个200%是多少（比如默认的是16px，如果设置父元素的行高为200%那么会立刻算出来行高为32px，那么下面的子元素都会是32px的行高），而2的话就是自身字体大小的2倍。

5.inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?

• 能让元素变为内敛的块元素，能设置宽高。
• 元素间换行或者空格都会造成缝隙，因此，去掉HTML中的换行或者空格，自然间距就消失了。考虑到代码可读性，显然连成一行的写法是不可取的，我们可以：

父元素{
  font-size:o;
}
子元素{
  font-size:16px;
}

• 可以使用vertical-align:top；

6.CSS sprite 是什么?

CSS精灵图是为了去除以前网页请求过多而优化的一种方式
主要改变就是从以前一堆图片请求简化成一张，然后设置他的

bacground-position:x y;

来定位这个图片

7.让一个元素"看不见"有几种方式？有什么区别?

样式	效果
opacity: 0	占用位置，不显示
visibility: hidden	占用位置，不显示
display:none	不占用位置，不显示
background-color: rgba(0，0，0，0.0)	占用位置，不显示

附上测试地址：
测试地址