CSS常见样式及属性-2

2017-07-19 本文已影响0人白柏更好

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

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

IE盒模型，在设置宽高时，宽高的数值汇中包含了盒模型中的内边距和边框的数值；（width=content+padding+border）注意IE6/7/8怪异模式（不添加doctype）使用IE盒模型。
W3C盒模型，在设置宽高时，宽高的值不包含内边距和边框的数值。**chrome、IE9+，IE678（添加doctype）使用标准盒模型，宽度=内容宽度。
在css3中使用box-sizing，选择使用什么盒模型（content-box为w3c标准盒模型，border-box为IE盒模型）

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

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

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

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