任务九-课程任务

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

• 作用是使的行内内容相对父级块级元素对齐，使文本居中。
• 作用在块级元素上
• 使内部行内元素水平居中。

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

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

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

• 在CSS3中使用IE盒模型

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

• line-height: 2 使得行高为本身文字高度的两倍
• line-height: 200% 使得行高为相对父元素文字高度的两倍

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

• 即呈现inline特性，即不占据一整行，宽度由内容宽度决定；又呈现block特性，即可设置宽高，内外边距
• 其中的缝隙是空白符，如果要去除，可以将多个inline-block得标签写成一行，也可以先将父元素font-size设置为0来去除缝隙
• 顶端对齐可以设置vertical-align：top；

CSS sprite 是什么?

• CSS精灵图，使用精灵图只需要引用一张图片，通过位移获取所需要的图片，对内存和带宽更加友好

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

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