【序】在《如何学习CSS》中，站长地带提到过CSS布局和CSS元素的学习，可以同时展开。
这一节，站长地带开始从CSS盒子模型讲述CSS布局，盒子模型是非常重要的。
解决问题：
1、什么是CSS盒子模型
2、CSS盒子模型的重要性
3、CSS盒子模型实战演示
一、CSS盒子模型二位图
从上图可以看出：CSS盒子模型包含四个部分组成：内容、填充（padding）、边框（border）、外边界（margin）。
二、盒子模型的重要性
理解好盒子模型，那么你就已经学会了一大半的网页制作了。因为任何一个网页都是由若干个大盒子组成，同时大盒子又是由若干个小盒子组成。（www.zzarea.com 网页制作）
（1）大盒子可以用在网页布局上，以及版块设计上。
上面是一个企业站的首页布局图，可以看出，由若干个盒子组合而成，这些都是盒子模型的实际应用。
（2）任何一个html标签，可以视为盒子模型。
如<p>这是一个段落</p>，表面上它是由p段落标签，但是在实际应用中，也可以通过盒子模型相关的margin和padding来设计它的CSS属性。
三、盒子模型的案例演示
本文《盒子模型的意思及用法》视频+素材+pdf文档：http://bbs.zzarea.com/thread-135-1-1.html
本文链接：https://www.dnwfb.com/953.html，转载请注明出处。
评论0