任务九问答题

一、盒模型包括哪些属性

盒模型包括元素本身的width和height,元素与边框之间的距离padding,边框的大小,边框和页面之间的距离margin。

一般情况下,width就是内容的宽度,真实的宽度是width+margin-left+margin-right+padding-left+padding-right+border-left+border-right

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

让元素水平居中,作用在块级元素上,代码写在块级元素上,使该块级元素包括的行业元素水平居中,

三、如果遇到一个属性想知道兼容性,在哪查看?

can  i  use

四、IE 盒模型和W3C盒模型有什么区别?

在ie6/ie7/ie8版本下,不加<!DOCTYPE html>即为怪异模式,则盒模型元素设置的width和height值为元素的占据位置,包括元素的大小,内边距,边框,外边距。

在ie6/ie7/ie8版本下,或者更高版本或者谷歌浏览器,加上<!DOCTYPE html>即为标准的W3C盒模型,即盒模型元素设置的width和height只仅仅是元素的大小,元素所占的位置要加上margin,border,padding



五、以下代码的作用?兼容性?

*{box-sizing: border-box;}设置之后,使得设置的元素的width和height值即可元素实际占位,就是将标准的W3C盒模型转换为怪异模式的盒模型。


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,686评论 1 92
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    wzhiq896阅读 5,845评论 0 2
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,844评论 0 11
  • •前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 6,584评论 0 8
  • 这期我是歌手看的很纠结,我一直觉得新生时代里韩红和孙楠有一个还在就可以了,因为他们的成果已然有目共睹了,这两位歌手...
    箴言书屋_HANHAN阅读 1,456评论 0 0