1.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中####
设置文本水平居中，作用在父元素上，能让其下行内元素和inline-block元素居中。
2.IE 盒模型和W3C盒模型有什么区别?####
IE盒模型的width和height包含padding和border，W3C盒模型不包含。
QQ截图20170419142303.png
2.png
3.*{ box-sizing: border-box;}的作用是什么？####
设置为IE盒模型，可令浏览器呈现出带有指定宽度和高度的框，并把边框和内边距放入框中。
box-sizing是CSS3新样式，默认属性为content-box,即设置为标准盒模型。
4.line-height: 2和line-height: 200%有什么区别?####
line-height:2行高为元素本身高度的两倍。line-height:200%行高为父元素高度的两倍。
5.inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?####
inline-block同时具备内行内元素和块状元素的特点，和其他元素都在一行上，元素的高度、宽度、行高以及顶和底边距都可设置。
去除缝隙：将元素间的所有空格和换行删掉；
或对父元素设置font-size:0;再单独对子元素设置字体大小，
设置浮动。
对inline-block设置vertical-align:top;可让元素顶端与行中最高元素的顶端对齐。
6.CSS sprite 是什么?####
css精灵图是一种网页图片应用处理方式。将一个页面涉及到的所有零星图片都包含到一张大图中去，当访问该页面时载入的图片就不会一幅一幅地显示出来。利用background-image，background-repeat，background-position的组合进行背景定位。
7.让一个元素"看不见"有几种方式？有什么区别?####
opacity: 0 ; 透明度为0，整体透明,占用位置；
visibility: hidden ; 和opacity:0 类似，占用位置；
display:none; 消失，不占用位置
background-color: rgba(0，0，0，0.2) 只是背景色透明。
