(精)10 基于CSS的网页布局技术.pptVIP

第10章 基于CSS的网页布局技术 学习如何使用层叠样式表 (CSS) 创建一个类似的布局 使用 CSS 可以在定位元素方面进行更好地控制，减少所需的代码数量，并可以使用边距、边框、颜色等设置布局块格式。 内容 了解基于 CSS 的网页布局 课堂任务 CSS盒子模型 CSS定位 CSS排版（布局） 实例 了解基于 CSS 的网页布局(1/3) 基于 CSS 的布局使用块元素代替表格行和列的布局，所包含的代码数量要比具有相同特性的基于表格的布局中的代码数量少很多。 基于 CSS 的布局通常使用 div 标签，而不是 table 标签来创建用于布局的 CSS 布局块。可以将这些 CSS 布局块放置在页面上的任意位置，并为它们指定属性，如边框、边距、背景颜色等。 了解基于 CSS 的网页布局(2/3) 使用 Dreamweaver 可以创建层。 Dreamweaver 层是一个 HTML 页面元素，可以将它放置在页面上的任意位置。 更具体地说，它是一个div 标签。可以使用 Dreamweaver 将层拖动到页面上，然后将其放置在所需的位置。层充当保存资源（如图像、Flash 文件、文本等）的内容块。 很多情况下，插入的层的位置并不一定准确，特别是Dreamweaver并非真正的所见即所得的软件，网页的排版只有到浏览器中显示才可以真正看到排版的表现 了解基于 CSS 的网页布局(3/