CSS常见样式及属性-2

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

规定元素中的文本的水平对齐方式为居中，应用于块级元素上，具有继承性；可以让span、input、p、image、a等行内元素水平居中。

IE盒模型和W3C盒模型的区别

• IE盒模型，在设置宽高时，宽高的数值汇中包含了盒模型中的内边距和边框的数值；（width=content+padding+border）注意IE6/7/8怪异模式（不添加doctype）使用IE盒模型。

• W3C盒模型，在设置宽高时，宽高的值不包含内边距和边框的数值。**chrome、IE9+，IE678（添加doctype）使用标准盒模型，宽度=内容宽度。

• 在css3中使用box-sizing，选择使用什么盒模型（content-box为w3c标准盒模型，border-box为IE盒模型）

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

使用通配符，告知所有块级元素都使用IE盒模型。

line-height： 2和line-height： 200%有什么区别？

line-height: 2将所有文本的行高设置为各自字号的两倍；
line-height: 200%将所有文本的行高设置为默认字体大小的两倍；

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

• 特性
• 不会单独占据一行，而且宽度由内容宽度来决定
• 可以设置宽高以及内外边距
• 存在间隙问题（存在间隙问题的原因是两个元素间存在一个空白字符，我们需要做的是将其父元素的字号设置为0，然后再将两个原有的inline-block元素的字号设置回去，这样间隙问题就解决了。）
  对于高度不一样的inline-block元素我们可以将其垂直对齐设置为vertical-align: top;

CSS sprite

CSS sprite 是将页面中一些零散的背景图片整合到一张图片文件中，再利用CSS的background组合属性进行定位，从而减少网页的http请求，提高页面的性能。

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

• opacity: 0; 透明度为0，整体
• visibility: hidden; 隐藏
• display: none; 消失，不占用位置
• background-color: rgba(0,0,0,0.2) 背景透明