任务9-盒模型-1

1. 盒模型包括哪些属性

Paste_Image.png

1. content属性
2. padding属性（填充）
3. border属性
4. margin属性（留白）

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

IE盒模型与W3C盒模型的区别主要在关于宽度的定义上：

• (border-box):IE盒模型的宽度=内容区域+padding+边框，常出现在IE6/7/8的混杂模式下
• (content-box):W3C盒模型的宽度=内容区域，常出现在chrome/IE9+、IE678的严格模式下

4. 以下代码的作用？兼容性？

* {
  box-sizing: border-box;
}

为元素指定的任何内边距和边框都将在已设定的宽度和高度内进行绘制