text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中？
作用在block元素上，能让块级元素内的inline元素和inline-block元素水平居中。
IE 盒模型和W3C盒模型有什么区别?
IE 盒模型的 width= border + padding + 内容宽度
W3C盒模型的 width = 内容宽度
*{ box-sizing: border-box;}的作用是什么？
使用IE盒模型
元素的内边距和边框不再会增加它的宽度
line-height: 2和line-height: 200%有什么区别?
line-height:2 :文本行高为当前元素字体大小的2倍
line-height: 200% : 文本行高为当前文本所在块级元素的父元素的font-size的2倍（若是行内元素的文本，则会是行内元素所在块级元素的父元素的font-size的2倍）
数值：继承的时候，浏览器会先将line-height这个属性继承给子元素，再由子元素计算。
百分数：继承的时候，浏览器会先将行高对应的数值计算出来以后再继承。
inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
让元素拥有行内元素不独占一行的特性，又可以对该元素设置宽高，内外边距。
缝隙是由于空格导致，对父级容器设置字体大小（font-size:0）为0可以去除缝隙，
高度不一样的inline-block元素默认基线对齐，设置vertical-align：top 。
CSS sprite 是什么?
CSS Sprites是一种网页图片应用处理方式，就是把网页中一些背景图片整合到一张图片文件中,再利用CSS进行背景定位。 优势:可以减少用户浏览网页时对服务器的请求数，减少服务器负载，达到优化网站的目的。
让一个元素"看不见"有几种方式？有什么区别?
{ display: none; /* 不占据空间，无法点击 */ }
{ display: none; /* 不占据空间，无法点击 */ }
{ visibility: hidden; /* 占据空间，无法点击 */ }
{ position: absolute; clip:rect(1px 1px 1px 1px); /* 不占据空间，无法点击 */ }
{ position: absolute; top: -999em; /* 不占据空间，无法点击 */ }
{ position: relative; top: -999em; /* 占据空间，无法点击 */ }
{ position: absolute; visibility: hidden; /* 不占据空间，无法点击*/}{ height: 0; overflow: hidden; /* 不占据空间，无法点击 */ }
{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间，可以点击 */ }
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间，可以点击 */ }
