美文网首页
css相关问题02

css相关问题02

作者: 叶夏星辰 | 来源:发表于2017-10-04 15:03 被阅读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;占据空间,可以触发点击事件

    相关文章

      网友评论

          本文标题:css相关问题02

          本文链接:https://www.haomeiwen.com/subject/qzmgextx.html