CSS常见样式2

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

text-align:center作用在行内元素上，能让该行内元素在其父元素中水平剧中

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

W3C盒模型的content部分只包含content，而IE盒子模型的content范围还包括border和padding。

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

使得content部分包括了border和padding

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

使用在子元素上时没有区别，使用在父元素上时，line-height: 2会使继承了该规则的子元素在改变其font-size时重新计算line-height值，而line-height: 200%则在页面渲染时就已经计算完成，会忽略继承了该规则的子元素的font-size值。

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

• inline-block：既呈现inline的特性，不占据一整行，宽度由内容宽度决定，又呈现block的特性，可设置宽高，内外边距。
• 去除间隙可以在html中把产生间隙的两标签挤在一起，不留空格；也可以在css中在父元素外设置font-size：0，然后在子元素中单独把字体设置回去。
• 达到顶端对齐，可以给inline-block元素添加vertical-align:top。

CSS sprite 是什么?

为了减少网络请求，提高网页加载性能，可以将不同的图片/图标合并在一张图片上。

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

• opacity: 0 整体透明度为零
• visibility: hidden 和opacity类似
• display: none 消失，不占用位置
• background-color: rgba（0,0,0,0） 设置背景色透明