CSS盒模型

CSS盒模型
一、什么是CSS盒模型二、盒模型分类三、CSS设置盒模型

一、什么是CSS盒模型
盒模型也叫框模型，是包围每个HTML元素的框，它包括：外边距、边框、内边距以及实际的内容。

二、盒模型分类
W3C 盒子模型（标准盒模型） width=content的宽 height = content的高 IE 盒模型(怪异盒模型) width = content + padding + border height = content + padding + border
三、CSS设置盒模型
可在线看一下实际效果
标准盒模型（默认）：
box-sizing: content-box;

IE 盒模型：
box-sizing: border-box;

继承父元素的 box-sizing 属性：
box-sizing: inherit;

CSS盒模型最先出现在Python成神之路。