任务九-盒模型

本教程版权归熊猫和饥人谷所有,转载须说明来源

1. 盒模型包括哪些属性

margin border padding content

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

让块级元素内的行内元素水平居中

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

caniuse.com

4. IE 盒模型和W3C盒模型有什么区别?

从下图直接能看出W3C的height和width就是纯content尺寸,而IE的还包含border和padding的

任务九-盒模型_第1张图片
W3C
任务九-盒模型_第2张图片
IE
5. 以下代码的作用?兼容性?*{ box-sizing: border-box;}

告诉页面用哪种盒模型,border-box就是IE的,content-box就是w3c的.这是一个CSS3的新样式.


任务九-盒模型_第3张图片
兼容性box-sizing
任务九-盒模型_第4张图片
图例

你可能感兴趣的:(任务九-盒模型)