网页设计与制作教程 第2版 北京市精品教材 作者 赵丰年 吕宜宏 第8章 使用CSS布局.pptVIP

第8章 使用CSS布局 本章要点 8.1 CSS 布局基础 8.2 使用预设计的 CSS 布局 8.3 使用 AP Div 元素布局 8.4 使用 Div 标签布局 8.1 CSS 布局基础 CSS 页面布局使用CSS技术，而非传统的 HTML 表格或框架对页面内容进行组织。CSS 布局的基本构造块是 div 标签，它在大多数情况下用作文本、图像或其他页面元素的容器。当设计者创建 CSS 布局时，可以将 div 标签放在页面的不同位置，然后向这些标签中添加内容，最后为这些 div 布局块应用 CSS 样式从而将网页显示在屏幕上。 CSS模型盒 CSS布局属性 使用CSS布局的三种方式。 8.1.1 CSS 模型盒 通过前面几章学习，我们知道网页中的段落、列表、图像、表格等网页元素都被放置在一个盒中，设计者可以通过创建规则来控制这个盒的属性从而达到表现网页数据的最终目的，这就是 CSS 模型盒理论。 演示——CSS 模型盒（p149~p150） 8.1.2 CSS 布局属性 CSS 布局是利用 CSS 模型盒中的填充（padding）、边框（border）和边距（margin）以及定位属性和浮动属性，创建出形式多样的网页布局。有关 CSS 块中的内容、填充、边框、边距方面的内容我们在之前章节中做过讨论，本节着重介绍 CSS 布局中常用的定位属性和浮动属性。 8.1.