一、text-align:center的作用是什么？作用在什么元素上？能让什么元素水平居中？
text-align:center 能让块级元素中的行内元素水平居中，作用在行内元素的父元素上，让行内子元素在父容器中居中。
延伸：
background-size（css3的规范，可能会有浏览器兼容的问题）是设置背景图片尺寸。 background-size: contain：缩放背景图片以完全装入背景区，可能背景区部分空白； background-size: cover：缩放背景图片以完全覆盖背景区，可能背景图片部分看不见。
二、IE 盒模型和W3C盒模型有什么区别？
- W3C标准中padding、border所占的空间不在width、height范围内。width、height直接指定content的宽高。
- IE的盒模型width包括content尺寸＋padding＋border。
三、{ box-sizing: border-box;}的作用是什么？
如果使用w3c盒模型，一般我们就需要设置其margin和padding，而IE就不需要设置margin了，padding如果有需要再设置。所以，看起来IE盒模型使用更方便，但是目前的浏览器都采用W3C标准盒模型，为了方便，在CSS3中引入了新样式box-sizing。其值有：
border-box：表示使用"IE盒模型"；
content-box：表示使用w3c标准盒模型。
四、line-height: 2和line-height: 200%有什么区别?
line-height 设置单行文本的行高，
line-height: 2 行高=本身文字大小的2倍
line-height: 200% 行高=父元素文字高度的2倍。。
五、inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
inline-block既呈现 inline 特性(不占据一整行，宽度由内容宽度决定)，又呈现 block 特性 (可设置宽高，内外边距，注：对inline设置上下内外边距无效。 )，但是会有缝隙问题。
如果缝隙产生的原因是空格，则可以通过取消行内元素（HTML文件中）之间的空格；其次还可以指定其父级元素font-size：0；即设置字的大小为0，再通过指定子元素样式覆盖其父级元素，还原字体大小，但没有被指定的元素（也就是产生缝隙的地方）却没有还原。
不同元素高度不一样，可以通过vertical-align：bottom元素及其后代的底端与整行的底端对齐；vertical-align：top元素及其后代的顶端与整行的顶端对齐。
CSS 的属性 vertical-align 用来指定行内元素（inline）或表格单元格（table-cell）元素的垂直对齐方式。
六、css sprite是什么？
css sprite俗称雪碧图，规范的叫法是css精灵图。是指将不同的图片/图标合并在一张图上，还会自动生成css样式。使用CSS Sprite 可以减少网络请求，提高网页加载性能，更方便展示图片直接使用生成样式。在这个网站直接就可以实现：spritegen.website-performance.org/
当然，由于图片是结合在一起，使用其缺点就是在网页上无法对图片进行缩放；也不能随便修改，否则位置可能会有相对的变化。
七、让一个元素"看不见"有几种方式？有什么区别?
让一个元素"看不见"，即隐藏起来，我们可以通过设置css属性，有四种属性方式：
opacity：透明度，其值可以是从0~1，顾名思义0就是完全透明，1就是不透明。visibility：hidden：和opacity：0；类似。display：none：意即不展示，也不占用位置。background-color： rgb（0，0，0，0.2）：其中0.2是透明度，类似opacity；前面三个0，是设置背景色。但只是背景色透明。