css盒模型，对于学习web前端开发的技术来说，必须要非常好理解和掌握。学习web标准，首先要懂的就是这个和模型。
工具/原料
CSS盒模型
方法/步骤
1
现今网页编写程序就是通过由css定义的不同大小的盒子和盒子嵌套完成的。
2
我们先来认识一下，盒子的结构，中间content，内容，padding，填充，border，边框，margin，边界
3
然后，盒子的宽度，由左边界（也称为：外边距，外补丁）+左边框+左填充（内边距，内补丁）+内容+右填充+右边框+右边界组成
4
通俗的理解，可以这样认为，css盒子相当于日常生活中的盒子，从上面往下看，边框相当于盒子的厚度，内容就是我们要存放的东西，填充，保护里面东西的泡沫或者是塑料，边界呢，可以认为是盒子周围留空的空间，是不是这样就很容易理解盒模型了。
6
举个简单的例子，我们在平常使用的DW中，新建一个css，定义一个css规则，宽500，高400，左浮动，背景绿色的简单演示
注意事项
1
无
2
无