DIV+CSS入门基础知识教程.docxVIP

PAGE / NUMPAGES HYPERLINK DIV+CSS盒子模型 CSS盒子模型-什么是 HYPERLINK CSS盒子模型。 认识日常生活中盒子： 常常我们遇到盒子是用于可装东西长方形、正方形的盒子。如装皮鞋盒子、装电视机盒子，这个是比较具体的盒子。 CSS盒子：根据字面我们可以理解，CSS盒子也是装东西的，比如我们要将文字内容、图片布局网页中，那就需要像盒子一样装着。这个时候我们对其对象设置高度(height)、宽度(width)、边框(border)、边距(margin)、填充（padding）,即可实现像盒子一样的长方形、正方形平面盒子。 通常我们这样：一组div/div、span/span等类似这种语法标签组叫1个盒子。因为我们对其设置了高度(height)、宽度(width)、边框(border)、边距(margin)、填充（padding）等属性后即可呈现出盒子一样的长方形或正方形。所以我们CSS盒子模型因此而得来。 日常使用CSS盒子：我们说将什么内容放入一个盒子里，我们就要想到是放入div/div里，脑海里就要这个概念。假如我们说设置一个宽度为100px盒子，我们就要知道如下一个概念： HYPERLINK Css样式代码：.yangshi{width:100px;} 对应 HYPERLINK html代码：div class=ya