任务9

1. 盒模型包括哪些属性？
   盒模型的属性：border(边框) margin （外边距）padding （内边距）。
2. text-align: center的作用是什么，作用在什么元素上？能让什么元素水平居中。
   作用：控制行内内容居中：并不控制块级元素。作用在块级元素上。可以使元素内的文本、图片、行内元素水平居中。
3. 如果遇到一个属性想知道兼容性，在哪查看?
   can i use
4. IE 盒模型和W3C盒模型有什么区别?
   IE：怪异模式盒模型的宽度=边框+padding+内容宽度；标准盒模型宽度=内容宽度。
   W3C：一般情况下盒模型的宽度=边框+margin（左右）+padding（左右）+内容宽度。
   在使用border-box的情况下盒模型的宽度=内容宽度。
5. 以下代码的作用？兼容性？

Paste_Image.png

box-sizing：border-box;
为元素设定的宽度和高度决定了元素的边框盒。就是说，为元素指定的任何内边距和边框都将在已设定的宽和高度内进行绘制。通过从已设定的宽度和高度分别减去边框和内边距才能得到内容的宽度和高度。

Paste_Image.png
本教程版权归饥人谷_duoduo和饥人谷所有，转载须说明来源!