任务9-CSS样式2

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

text-align: center；添加这条样式给块元素，块元素下的子元素可以居中对齐。

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

Ie盒模型：块元素的width=内容宽+左右padding+左右border，height类似。
W3C模型：块元素的width=内容宽，height类似。

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

box-sizing: border-box;设置网页采用ie盒模型。
box-sizing:content-box;则采用W3C标准盒模型。

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

line-height: 2 行高设置为当前元素字体的2倍。
line-height: 200% 行高设置为父元素字体的2倍。

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

inline-block拥有像行内元素一样相邻同类元素可以在一行内排列的属性，又有块元素的可以设置高宽内外边距的属性。

6、CSS sprite 是什么?

CSS Sprite是一种图片的处理方式，它允许网页设计师将很多张图片合并在同一张图档中，然后根据 CSS 档中的文字描述将图档分区块加载。
使用CSS Sprite功能可以优化网页读取速度，因为将多个图片文件合并为一张图后，浏览器向服务器请求的次数减少。

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

opacity: 0 ; 透明度为0，整体性，透明度可调节。
visibility: hidden ; 和opacity:0 类似，隐藏后继续占用原来的位置。
display:none; 完全消失，不占用原始位置。
background-color: rgba(0，0，0，0.2) 最后一个参数设置背景透明度，0为完全透明，1是不透明
效果1http://js.jirengu.com/gubojilise/2/
http://learn.zzux.com/jirengu/renwu9/