饥人谷-任务9-1

一、盒模型包括哪些属性

• margin外边距 、padding内边距 、border边框 、content内容

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

• 作用是使元素内文本或图片或链接水平居中；作用在块级元素上；
• 能让img、p 、h1-h5、

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

caniuse

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

IE盒子模型

标准盒子模型

• W3C盒模型的范围包括了margin、border、padding、content。content 部分就是content的width，但IE盒模型content 的width部分包含了border、padding及content。

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

• box-sizing: border-box;这个属性可以让div的真实宽度和高度就是等于设置的width和height，而不需要管padding、margin、border，这样便于计算，就是以边框作为box大小的界限；
  box-sizing的默认值是border-content；
• chrome所有版本完全支持，IE8和IE11支持；

box-sizing的兼容性

六、代码

代码题

本教程版权归作者和饥人谷所有，转载须说明来源！