text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
text-align:center作用在行内元素上,能让该行内元素在其父元素中水平剧中
IE盒模型和W3C盒模型有什么区别?
W3C盒模型的content部分只包含content,而IE盒子模型的content范围还包括border和padding。
*{ box-sizing: border-box;}的作用是什么?
使得content部分包括了border和padding
line-height: 2和line-height: 200%有什么区别?
使用在子元素上时没有区别,使用在父元素上时,line-height: 2会使继承了该规则的子元素在改变其font-size时重新计算line-height值,而line-height: 200%则在页面渲染时就已经计算完成,会忽略继承了该规则的子元素的font-size值。
inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
- inline-block:既呈现inline的特性,不占据一整行,宽度由内容宽度决定,又呈现block的特性,可设置宽高,内外边距。
- 去除间隙可以在html中把产生间隙的两标签挤在一起,不留空格;也可以在css中在父元素外设置font-size:0,然后在子元素中单独把字体设置回去。
- 达到顶端对齐,可以给inline-block元素添加vertical-align:top。
CSS sprite 是什么?
为了减少网络请求,提高网页加载性能,可以将不同的图片/图标合并在一张图片上。
让一个元素"看不见"有几种方式?有什么区别?
-
opacity: 0
整体透明度为零 -
visibility: hidden
和opacity类似 -
display: none
消失,不占用位置 -
background-color: rgba(0,0,0,0)
设置背景色透明