一、盒模型包括哪些属性
- margin外边距 、padding内边距 、border边框 、content内容
二、text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中
- 作用是使元素内文本或图片或链接水平居中；作用在块级元素上；
- 能让img、p 、h1-h5、
三、如果遇到一个属性想知道兼容性，在哪查看?
四、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的兼容性
六、代码
本教程版权归作者和饥人谷所有，转载须说明来源！
网友评论