1.text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
让有行内特性的元素水平居中，作用在父容器上；能让图片或文本元素水平居中
2.IE 盒模型和W3C盒模型有什么区别?
ie 盒模型的
ie的盒模型 设置宽度，只是content 的宽度，不包括边框，内边距，设置高度，也只是content的高度，不包括边框，内边距。
w3c盒模型设置宽度，宽度值是content+padding+border的宽度值的总和，设置高度，高度值是content+padding+border的高度值的总和。
3.{ box-sizing: border-box;}的作用是什么？
css3中{ box-sizing: border-box;}的作用是设置盒模型为i.e.盒模型
4.line-height: 2和line-height: 200%有什么区别?
本身文字高度的两倍；父元素文字高度的两倍
5.inline-block有什么特性？如何去除缝隙？高度不一样的inline-block元素如何顶端对齐?
(1)既呈现inline 特性（不占据一整行，宽度由内容宽度决定）
又呈现block特性（可设置宽高，内外边距）
(2)去除缝隙一种方法是父元素设置font-size: 0，子元素设置font-size为具体的值；另一种方法是去掉HTML中元素的空格，比如：
惆怅
淡定
去掉空格之后：
惆怅<span
class=“box2”>淡定
（3）高度不一样的inline-block元素顶端对齐的方法：
父元素设置vertical-align：top
6.CSS sprite 是什么?指将不同的图片／图标合并在一张图上，CSS sprite可以减少网络请求，提高页面加载性能。
7.让一个元素”看不见”有几种方式？有什么区别?
有以下几种方式：
Display:none,让元素消失，不占用位置
Visibility:hidden;让元素看不见 ，浏览器知道它的存在的，本身也是有位置的
opacity：0；和visibility：hidden相似
background-color：rgba{0,0,0,0.2}设置背景色为透明
网友评论