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