作为传统网页布局和修饰方式，越来越落后于时代潮流，逐渐被新兴的Web标准所代替。而作为Web标准的CSS技术，迅速成为了当今Web发展的主要因素。为了帮助欲学习网站开发的初学者们、欲学习使用CSS网页布局技术的初学者们以及有丰富的Web编程经验，且经常要参与网站开发的Web程序员们掌握好这一技术，编者编写了此书。

本书以Web 2.0版本作为讲解对象，从基本的语法和规范入手，以恰当的实例为导向，从浅入深介绍CSS技术的基本理论知识及应用系统开发的实践经验。

本书由浅入深地讲解了CSS开发技术，并且始终遵循Web标准来讲解各知识点的应用，并通过具体的实例来讲解其具体使用流程。全书内容分为3部分，共15章，其中第1-10章为第1部分，依次讲解了Web开发标准与网页网站制作，Web标准布局的本质、XHTML书写规范、CSS基础与书写规范、网页头部元素的详细定义、CSS基本布局属性、CSS容器属性、CSS定义文本属性、元素的修饰和CSS常见应用、浏览器及兼容问题、整站样式表的分析、CSS高级应用等知识；第11-13章为第2部分，讲解了CSS高级应用，CSS实战与技巧，CSS可视化开发技术等内容；第14章和15章为第3部分，分别通过个人博客网站和企业网站的实现流程，介绍CSS布局的综合应用流程和实现技巧。

本书适合广大Web网站设计人员、网站设计的初学者、网站管理维护人员、大中专院校的学生和社会培训学员阅读。

第1篇 CSS技术基础篇

 第1章 Web开发标准与网页网站制作介绍

1.1 Web开发标准介绍

 1.1.1 Web开发标准概述

 1.1.2 为什么要使用Web标准

1.2 CSS网页布局标准

1.3 认识网页和网站

 1.3.1 何谓网页

 1.3.2 何谓网站

1.4 网页的基本构成元素

1.5 网页的基本制作流程

1.6 网站的基本制作流程

1.7 小结

 第2章 HTML与XHTML基础知识

2.1 HTML简介

 2.1.1 HTML概述

 2.1.2 HTML文档结构

 2.1.3 HTML语法基础

2.2 XHTML基础

 2.2.1 XHTML概述

 2.2.2 XHTML的文档结构

 2.2.3 XHTML的基本元素

 2.2.4 了解XHTML语法

2.3 HTML升级到XHTML

2.4 XHTML中的CSS应用

2.5 正确使用XHTML标签

2.6 小结

 第3章 CSS基础

3.1 CSS概述

3.2 基本语法

3.3 选择符的使用

3.4 CSS属性的简要介绍

3.5 元素简要介绍

3.6 几个常用值

 3.6.1 颜色单位

 3.6.2 长度单位

 3.6.3 百分比值

 3.6.4 URL

 3.6.5 URL默认值

3.7 网页中的CSS应用

 3.7.1 页面调用CSS方式

 3.7.2 调用优先级

3.8 CSS的编码规范

 3.8.1 书写规范

 3.8.2 命名规范

3.9 CSS调试

3.10 CSS实用技巧

3.11 小结

 第4章 CSS基本应用

4.1 CSS页面头部元素

 4.1.1 选择文档类型

 4.1.2 命名空间

 4.1.3 编码类型

 4.1.4 meta标签

4.2 CSS声明方法

4.3 Style标签

4.4 link与@import

4.5 id与class

4.6 小结

 第5章 CSS网页布局

5.1 网页布局概述

 5.1.1 网页分析和制作流程

 5.1.2 网页布局理念

5.2 table布局

5.3 认识div与span

 5.3.1 div与span概述

 5.3.2 div与span的应用

5.4 div布局与table布局区别

5.5 div与css联合应用

5.6 CSS布局技巧和排版心得

5.7 小结

 第6章 CSS布局属性

6.1 CSS元素详解

6.2 元素的定位

 6.2.1 元素排列

 6.2.2 浮动属性定位

6.3 定位属性

 6.3.1 定位模式

 6.3.2 边偏移

 6.3.3 层叠定位属性

 6.3.4 定位属性的应用

6.4 基本内容控制属性

 6.4.1 display属性

 6.4.2 visibility属性

 6.4.3 text-align属性

 6.4.4 margin属性

6.5 页面背景控制

 6.5.1 页面背景概述

 6.5.2 使用背景颜色

 6.5.3 使用背景图片

 6.5.4 背景颜色和背景图片混用

 6.5.5 文本样式设置

 6.5.6 链接样式设置

6.6 使用浮动属性

 6.6.1 浮动属性概述

 6.6.2 相邻固定元素

 6.6.3 相邻两个浮动元素

 6.6.4 相邻多个浮动元素

6.7 清除浮动属性

 6.7.1 清除浮动属性概述

 6.7.2 使用清除浮动属性

6.8 UL和LI列表控制属性

 6.8.1 使用list-style-type属性

 6.8.2 使用list-style-position属性

 6.8.3 使用list-style-image属性

 6.8.4 使用list-style属性

6.9 制作导航菜单

 6.9.1 制作一个纵向导航菜单

 6.9.2 制作一个横向导航菜单

6.10 小结

 第7章 定义容器属性

7.1 CSS盒模型

 7.1.1 盒模型内容

 7.1.2 盒模型背景

7.2 使用补白属性

 7.2.1 补白属性概述

 7.2.2 补白属性的百分比值

 7.2.3 单侧补白属性

 7.2.4 实战技巧——简写补白属性

7.3 使用边框属性

 7.3.1 使用边框样式属性

 7.3.2 使用边框宽度属性

 7.3.3 使用边框颜色属性

 7.3.4 综合使用边框属性

 7.3.5 使用表格边框属性

7.4 使用边界属性

 7.4.1 边界属性介绍及使用

 7.4.2 使用单侧边界属性

 7.4.3 相邻边界属性

 7.4.4 在内联元素中使用边界属性

7.5 父子元素距离

 7.5.1 如果子元素边界为0

 7.5.2 如果父元素补白为0

7.6 嵌套元素使用负边界

7.7 固定元素大小

 7.7.1 计算盒模型大小

 7.7.2 固定长度和宽度

7.8 小结

 第8章 CSS文本设置

8.1 文本的缩进和对齐

 8.1.1 缩进段首

 8.1.2 文本下沉与大写

 8.1.3 文本对齐

 8.1.4 图文混排对齐处理

8.2 行高和间隔

 8.2.1 使用行高属性

 8.2.2 文本间隔与空白

 8.2.3 文本转换

8.3 实现水平和垂直居中

 8.3.1 确定容器内容和大小

 8.3.2 未知容器内容和大小

 8.3.3 确定容器大小而未知内容

 8.3.4 容器大小和内容都未知

 8.3.5 背景图片水平垂直居中

8.4 字体设置

 8.4.1 字体选择

 8.4.2 字体大小

 8.4.3 字体加粗

 8.4.4 字体样式

 8.4.5 字体转换

8.5 修饰和链接

 8.5.1 修饰文本

 8.5.2 修饰属性的继承

 8.5.3 使用链接属性

 8.5.4 小技巧——掌握链接的顺序

 8.5.5 链接的继承性

 8.5.6 设置鼠标悬停样式

8.6 小结

 第9章 CSS中的图片

9.1 常见图片格式

 9.1.1 GIF格式

 9.1.2 JPEG格式

9.2 图片的修饰

 9.2.1 背景图片修饰

 9.2.2 内容图片修饰

9.3 制作一个图片圆角框

 9.3.1 单色单线圆角框的高度自适用

 9.3.2 单色单线圆角框的宽度自适用

 9.3.3 圆角框的完全自适用

 9.3.4 复杂圆角框的高度自适用

 9.3.5 复杂圆角框的完全自适用

9.4 图片优化

9.5 小结

 第10章 CSS高级应用

10.1 应用自适用特性

 10.1.1 独立元素的自适用

 10.1.2 使用背景色自适用

 10.1.3 左右自适用的两列布局

 10.1.4 某列固定时的自适用

 10.1.5 水平自适用

10.2 表单修饰

 10.2.1 修饰表单文本域

 10.2.2 修饰表单文本区域

 10.2.3 修饰表单按钮

 10.2.4 修饰复选框

 10.2.5 修饰单选按钮

 10.2.6 修饰表单列表

 10.2.7 修饰表单文件域

 10.2.8 修饰表单图像域

10.3 修饰页面滚条

10.4 修饰表格

 10.4.1 修饰表格边线和背景

 10.4.2 设置表格的宽度和高度

 10.4.3 实现表格的居中

 10.4.4 设置表格内容高度

10.5 修饰水平线

10.6 制作一个页面框架

 10.6.1 总体结构分析

 10.6.2 设计页面结构

 10.6.3 编写基础样式

 10.6.4 编写顶部样式

 10.6.5 编写菜单样式

 10.6.6 编写主体样式

 10.6.7 编写底部样式

10.7 制作登录框

 10.7.1 设计页面结构

 10.7.2 编写基础样式

 10.7.3 编写背景样式

 10.7.4 编写表单样式

 10.7.5 编写底部按钮样式

10.8 修饰导航栏

 10.8.1 修饰纵向导航栏

 10.8.2 修饰导航栏链接

 10.8.3 修饰导航栏文本背景

 10.8.4 修饰横向导航栏

10.9 制作一个纵向下拉菜单

 10.9.1 设计页面结构

 10.9.2 编写基础样式

 10.9.3 编写主导航样式

 10.9.4 编写下拉栏目样式

 10.9.5 编写隐藏样式

 10.9.6 编写显示样式

 10.9.7 编写脚本调用代码

10.10 制作一个横向下拉菜单

 10.10.1 设计页面结构

 10.10.2 编写主导航样式

 10.10.3 编写下拉菜单样式

 10.10.4 编写兼容样式

 10.10.5 编写显示样式

 10.10.6 编写脚本调用代码

10.11 制作一个完整页面

 10.11.1 Photoshop切片

 10.11.2 设计上部导航部分

 10.11.3 设计中间内容部分

 10.11.4 设计底部版权部分

10.12 小结

第2篇 基本应用和提高篇

 第11章 CSS实战与技巧

11.1 制作复杂圆角框

 11.1.1 图片圆角框

 11.1.2 纯CSS圆角框

11.2 滑动门设计

11.3 切换网站样式

 11.3.1 设计页面结构

 11.3.2 编写不同样式

 11.3.3 页面脚本调用

11.4 实现柱形图

 11.4.1 进度条效果

 11.4.2 统计柱形图

11.5 Flash应用

 11.5.1 设计页面结构

 11.5.2 编写设置样式

 11.5.3 编写脚本调用程序

 11.5.4 插入Flash

 11.5.5 消除遮盖

11.6 隐藏显示标签页

 11.6.1 设计页面结构

 11.6.2 编写整体样式

 11.6.3 编写标题样式

 11.6.4 编写列表样式

 11.6.5 编写链接样式

 11.6.6 编写悬停样式

11.7 特效处理

 11.7.1 准备页面素材

 11.7.2 设计页面结构

 11.7.3 编写链接样式

 11.7.4 编写悬停样式

11.8 小提示窗口

 11.8.1 功能介绍

 11.8.2 设计页面结构

 11.8.3 编写整体样式

 11.8.4 编写提示标记样式

 11.8.5 编写显示提示样式

11.9 JavaScript应用

 11.9.1 JavaScript概述

 11.9.2 JavaScript应用实例

11.10 小结

 第12章 不同浏览器的兼容性解析

12.1 浏览器兼容性介绍

 12.1.1 常用浏览器介绍

 12.1.2 遵循的原则

12.2 使用！important

12.3 解决水平居中问题

12.4 解决非浮动内容和容器的问题

12.5 解决浮动问题

12.6 默认宽度的并列浮动元素

12.7 嵌套元素的叠加问题

 12.7.1 嵌套元素均没有定义宽度和高度

 12.7.2 设置子元素宽度

 12.7.3 设置父元素宽度

 12.7.4 解决方法

12.8 子元素的负边界问题

12.9 列表默认显示问题

 12.9.1 列表默认显示问题介绍

 12.9.2 取消列表默认显示问题

12.10 IE6.0的识别问题

 12.10.1 浮动元素的双边距问题

 12.10.2 浮动元素的零边距问题

 12.10.3 解决方法

 12.10.4 浮动列表问题

 12.10.5 图片空隙问题

12.11 IE7.0的识别问题

 12.11.1 !important支持

 12.11.2 内容和容器的关系

 12.11.3 嵌套问题

 12.11.4 浮动子元素问题

12.12 Opera下的CSS技巧

12.1 3常见兼容性技巧

12.1 4小结

 第13章 CSS可视化开发

13.1 可视化开发工具介绍

 13.1.1 Frontpage介绍

 13.1.2 Dreamweaver介绍

13.2 Frontpage中的CSS可视化开发

13.3 Dreamweaver中的CSS可视化开发

13.4 VisualStudio2005中的CSS可视化开发

13.5 DeveloperToolbar使用介绍

 13.5.1 DeveloperToolbar的安装

 13.5.2 DeveloperToolbar使用概要

13.6 小结

第3篇 综合实战篇

 第14章 个人博客网站开发实例

14.1 网站规划

 14.1.1 站点需求分析

 14.1.2 预期效果分析

 14.1.3 站点结构规划

14.2 切图分析

14.3 制作站点首页

 14.3.1 实现流程分析

 14.3.2 制作顶部导航

 14.3.3 设计中间内容部分

 14.3.4 制作底部版权部分

14.4 制作日志页面

 14.4.1 实现流程分析

 14.4.2 日志内容实现

14.5 制作日志详情页面

 14.5.1 实现流程分析

 14.5.2 页面具体实现

14.6 小结

 第15章 企业网站开发实例

15.1 网站规划

 15.1.1 站点需求分析

 15.1.2 预期效果分析

 15.1.3 页布局分析

15.2 切图分析

15.3 首页实现

 15.3.1 实现流程分析

 15.3.2 制作页面头部

 15.3.3 制作页面主体

 15.3.4 制作页面底部

 15.3.5 解决兼容性问题

15.4 二级页面实现

15.5 小结