-
text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
text-align: center,居中,作用在文字或者图片,想让图片居中需要写在父元素上 -
IE 盒模型和W3C盒模型有什么区别?
IE 盒模型包括内边距和边框宽度,设置内边距都会在已设置的宽度和高度内绘制
W3C盒模型不包括,只包括内容的高度和宽度 -
*{ box-sizing: border-box;}的作用是什么?
设置盒子模型为IE 盒模型,即盒子模型包括内边距和边框 -
line-height: 2和line-height: 200%有什么区别?
line-height: 2,子元素继承时,会根据子元素字号计算行高
line-height: 200%,父元素先计算出行高,再继承给父元素 -
inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
inline-block,对象呈现为inline对象,对象的内容作为block对象呈现
去除缝隙,换行显示或空格分隔的情况下会有间距,可以采用调整html结构,结束标签换行;margin负数;父元素设置font-size:0
vertical-align,元素的垂直对齐方式 -
CSS sprite 是什么?
整合多个图片为一张,通过background-position控制显示图片位置,显示图片的部分内容,background-position中使用百分比,是相对于图片大小的百分比 -
让一个元素"看不见"有几种方式?有什么区别?
display:none;不占空间,无法触发点击事件
visibility: hidden;占据空间,无法触发点击事件
opacity: 0;占据空间,可以触发点击事件
网友评论