CSS常见样式2

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

• text-align:center的意思是块级元素中的行内内容居中。
  作用在block-level元素上(包括了block和inline-block),能让作用这行里的字体水平居中

2，IE盒模型和W3C盒模型有什么区别？

• IE盒模型width包括centent+padding+border。
• W3C标准盒模型width知识centent，不包括padding和border。

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

• box-sizing是CSS3新样式。对当前页面所有元素使用IE盒模型。另外的，"content-box"为W3C盒模型。

4，line-height: 2和ling-height: 200%有什么区别？

• ine-height: 2 表示设置当前元素内的字体行间距为自身字体大小的两倍（为先继承，在换算成px。）
• line-height: 200% 表示设置当前元素内的字体行间距为相对于其父元素的字体行间距的两倍（是先换算成px，子元素在继承）

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

1，即呈现inline特性（不占据一整行，宽度由内容决定），又呈现block特性（可以设置宽高，内外边距）。使其既具有block的宽度高度特性又具有inline的同行特性。

2，去除缝隙是把两个元素中间的空白符删除，让其两个元素相连。

3，vertical-align： top；能够让不一样的inline-block元素顶端对齐。

6，CSS sprite是什么？

是将不同的图片/图标组合到一张图片上。

使用CSS sprite 可以减少网络请求，提高网页加载速度。

7，让一个元素'看不见'有几种方式，有什么区别？

• display： none ;消失，不占用位置。
• visibility：和opacity：0；类似。隐藏透明。但是占用位置。
• opacity：0；透明度为0，整体。
• background-color：rgba（0，0，0，0.2）；只是背景色透明。

8，代码

http://js.jirengu.com/katesehibe/1/edit?html,css,output

9，代码