美文网首页
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

    text-align: center的作用是什么,作用在什么元素上?能让什么元素水平居中text-align: c...

  • css相关问题

    块级元素与行内元素的区别: 块级元素:div,form,h1,hr,ol,ul,li行内元素:p,a,input,...

  • CSS相关问题

    1.块级元素和行内元素分别有哪些?动手测试并列出4条以上的特性区别 块级元素有div p form table u...

  • 如果你在2018面试前端,那这篇文章最好看一看!

    前端问题记录 HTML相关 CSS相关 JAVASCRIPT相关 DOM相关 HTTP相关 VUE相关 算法相关 ...

  • 相关的CSS问题

    8-10 width和min-width的区别和差异性比较 1、正常情况下: width :给块级元素/行内块 ...

  • css面试相关问题

    目录 标准盒模型和怪异盒模型 link标签和import标签的区别 flex布局 BFC 垂直居中的方法 块元素和...

  • CSS 功能简介

    最近处理了一些和CSS(ClusterSynchronization Service)相关的问题,进而对CSS 的...

  • 前端面试题(一)

    css相关问题 1. display:none和visbility:hidden区别 display:none 隐...

  • 02-相关问题

    undefined 与 null 的区别? undefined :代表定义未赋值 null :null 定义并赋值...

  • dataBinding 入门笔记

    Databinding 相关符号 相关文档 示例 点击事件 点击事件02 跳转方法 跳转方法(注解) 问题 inc...

网友评论

      本文标题:css相关问题02

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