css相关问题02

2017-10-04  本文已影响0人  叶夏星辰
  1. text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中
    text-align: center,居中,作用在文字或者图片,想让图片居中需要写在父元素上

  2. IE 盒模型和W3C盒模型有什么区别?
    IE 盒模型包括内边距和边框宽度,设置内边距都会在已设置的宽度和高度内绘制
    W3C盒模型不包括,只包括内容的高度和宽度

  3. *{ box-sizing: border-box;}的作用是什么?
    设置盒子模型为IE 盒模型,即盒子模型包括内边距和边框

  4. line-height: 2和line-height: 200%有什么区别?
    line-height: 2,子元素继承时,会根据子元素字号计算行高
    line-height: 200%,父元素先计算出行高,再继承给父元素

  5. inline-block有什么特性?如何去除缝隙?高度不一样的inline-block元素如何顶端对齐?
    inline-block,对象呈现为inline对象,对象的内容作为block对象呈现
    去除缝隙,换行显示或空格分隔的情况下会有间距,可以采用调整html结构,结束标签换行;margin负数;父元素设置font-size:0
    vertical-align,元素的垂直对齐方式

  6. CSS sprite 是什么?
    整合多个图片为一张,通过background-position控制显示图片位置,显示图片的部分内容,background-position中使用百分比,是相对于图片大小的百分比

  7. 让一个元素"看不见"有几种方式?有什么区别?
    display:none;不占空间,无法触发点击事件
    visibility: hidden;占据空间,无法触发点击事件
    opacity: 0;占据空间,可以触发点击事件

上一篇下一篇

猜你喜欢

热点阅读