网页制作综合技术教程 教学课件 温谦 赵伟 胡静 李占波 第15章CSS+div布局方法剖析.pptVIP

网页制作综合技术教程 第4部分 CSS页面布局设计 第15章 CSS+div布局方法剖析 CSS排版观念 15.1 固定宽度且居中的版式 15.2 左中右版式 15.3 块的背景色问题 15.4 div排版与传统的表格方式排版的分析 15.5 排版实例：电子相册 15.6 在第14章中主要介绍了CSS对页面中各 个元素的定位，本章在此基础上，从页面的 整体排版出发，介绍CSS排版的观念和具体 方法，包括CSS排版的整体思路、两种具体 的排版结构、电子相册的几种版式制作，以 及与传统表格排版方法的比较。 15.1 CSS排版观念 15.1.1 将页面用div分块 图15.1 页面内容框架 图15.2 子块的内容 15.1.2 设计各块的位置 图15.3 各块的位置 15.1.3 用CSS定位 图15.4 页面效果 图15.5 页面效果 图15.6 调整后的效果 图15.7 一种特殊情况 15.2 固定宽度且居中的版式 15.2.1 方法一 方法一的思路很清晰，代码如下： body, html { margin:0; text-align:center; } #container { posit