任务9-1:盒模型

1.盒模型包括哪些属性

包括content、padding、border、margin四个属性。

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

实现块级元素内的行内元素水平居中,作用在块级元素上,能让容器内部行内元素水平居中。

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

caniuse

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

任务9-1:盒模型_第1张图片
任务9-1:盒模型_第2张图片

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

5.以下代码的作用?兼容性?

*{ box-sizing: border-box;}

当box-sizing: border-box时,padding(内边距)和border(边框)不会增加此元素的width(宽度).

任务9-1:盒模型_第3张图片

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