1.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
- 作用是使行内元素居中，作用在行内元素上。
2.IE 盒模型和W3C盒模型有什么区别?
-
标准盒模型
Paste_Image.png -
IE盒模型
Paste_Image.png - 区别：设置标准盒模型时文本content的宽度width和高度height只涉及文本自身，而IE盒模型设置文本content的宽高时时包含content的内边距padding、border边框的宽度。
3.*{ box-sizing: border-box;}的作用是什么？
{ box-sizing: border-box;}是CSS使用IE盒模型样式，利用此样式编辑文本宽高时包括了文本的内边距、边框宽度。
4.line-height: 2和line-height: 200%有什么区别?
line-height: 2表示文本行高是文本文字尺寸的二倍，继承页面每一个元素。
line-height: 200%表示文本行高是父元素文本尺寸的二倍，继承父元素。
5.inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
display= inline-block可以使行内元素呈现block特性可设置宽高内边距
Paste_Image.png
- 去除缝隙的方法
- 1.去除元素之间的空格字符
Paste_Image.png
- 2.在相关元素的父容器中设置默认字体尺寸为0px,然后在行内元素中设置回字体尺寸
Paste_Image.png
vertical-align:top实现高度不一样的元素顶端对齐。
6.CSS sprite 是什么?
指将不同的图片/图标合并在一张图片上(减少网络请求，提高网页加载性能).
7.让一个元素"看不见"有几种方式？有什么区别?
- 1.
opacity: 0** 整体 **透明度为0。 - 2.
visibility: hidden** 整体 **透明度为0，隐藏所有元素。 - 3.
display: none使元素消失不显示，不占用位置。 - 4.
background-color: rgba(0,0,0,2)背景透明。
- 使用 CSSsprite 实现背景图
http://js.jirengu.com/yitefomipi/1/edit - 使用 iconfont 实现背景图
http://js.jirengu.com/kewikeguma/1/edit?html,css,output
