CSS常见样式2

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

text-align: center的作用：让元素内容水平居中，主要作用于块级元素、表单格元素里的行内元素组成的内容（对块级元素本身不起作用）.
能够让块级元素内所有的由行内元素（a、span、img、input....）组成的内容水平居中。

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

盒模型对比.png
区别

• W3C标准中padding、border所占的空间不在width、height范围内，大家俗称的IE的盒模型width包括content尺寸＋padding＋border

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

作用： 使用IE盒模型，此元素的内边距和边框不再会增加它的宽度。

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

区别：line-height: 2表示行高为本身字体高度的两倍，line-height: 200%表示设置行高为父元素字体高度的200%高度。
同时：line-height：2和line-height：200%之间在继承上也有区别。

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

• 拥有了block元素可以设置width和height的特性，又保持了inline元素不换行的特性；即行内元素设置display: inline-block后行内元素可以像块级元素一样设置宽高，padding，margin，border，但不占据一行。
• 间隙是由换行或者回车导致的，去除缝隙的方法：将行内元素写在同一行上。

CSS sprite 是什么?

• CSS Sprites在国内很多人叫css精灵图，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
• 优点：无法缩放、不好修改；
• 缺点：节约请求，解决请求数过多的问题。

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

四种方式：

1. opacity: 0 ; 透明度为0，整体
2. visibility: hidden ; 和opacity:0 类似
3. display:none; 消失，不占用位置
4. background-color：rgba（0，0，0，0）;alpha 参数是介于 0.0（完全透明）与 1.0（完全不透明）的数字。设置背景色，背景色设为透明背景、透明颜色，这个值只是针对于背景色。