任务9

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

作用在行内元素上，将块级元素中的行内元素居中。

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

IE盒模型的width = content + padding + border
W3C盒模型的width = content

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

所有元素均采用IE盒模型

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

• line-height：2
  代表行距为当前元素font-size的2倍
• line-height：200%
  代表行距为父级元素font-size的2倍

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

设置inline-block的元素仍然水平排列，但是可以设置width，height，margin等值，且会对周围block box的位置产生影响。
可以将父级元素的font-size设为0，再对inline-block元素单独设置font-size。
vertical-align = top;

CSS sprite 是什么?

CSS精灵是是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，在CSS中通过background-position来引用每一个小图。CSS sprite可以减小网页的HTTP请求，加快页面的加载，和减小服务器的压力。

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

opacity: 0 ;
透明度为0，对整体其效果
visibility: hidden ;
和opacity:0 类似
display:none;
消失，不占用位置
background-color: rgba(0，0，0，0.2) ;
只是背景色透明