1.text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
text-align:center,作用于行内元素,能让文本和图片使其水平居中对齐
2.IE 盒模型和W3C盒模型有什么区别?
W3C标准中padding、border所占的空间不在width、height范围内,
IE的盒模型width包括content尺寸+padding+border
3.{ box-sizing: border-box;}的作用是什么?.
box-sizing: content-box:w3c标准盒模型
box-sizing: border-box:“IE盒模型”此时增加他的内边距和边框不必计算他的内边距和外边距组成距离
4.line-height: 2和line-height: 200%有什么区别?
line-height: 2:设置数字,此数字会与当前的字体尺寸乘2来设置行间距;
line-height: 200%:基于当前字体尺寸的百分比行间距。
5.inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
inline-block使行内元素或者是块元素能够在一行显示,能够设置宽高;
在父元素设置:font-size:0;或者是两个行内元素的结束符号和开始符号在一行显示;
在父元素设置vercatial-align:top/middle;可以使元素顶端对齐;
6.CSS sprite 是什么?
鸡蛋蛋来说就是可以让各种小图标显示在一张图片上,通过posstion定位各种图标所在的部位来显示适当的图标,通过这种方法可以减少对服务器不必要的请求,缓解服务器的压力;
7.让一个元素"看不见"有几种方式?有什么区别?
opacity: 0 ; 透明度为0,整体;占用位置
visibility: hidden ; 和opacity:0 占用位置
display:none; 消失,不占用位置
background-color: rgba(0,0,0,0.2) 只是背景色透明;但是占用位置;