《Dreamweaver CS3超酷网页设计:CSS篇》系统地讲解了CSS层叠样式表的基础理论和实际运用技术，通过大量实例对CSS进行深入浅出的分析，主要包括CSS的基本语法和概念，设定文字、图片、背景、表格、表单和选单等网页元素的方法，以及CSS滤镜的使用。《Dreamweaver CS3超酷网页设计CSS篇》着重讲解如何用CSS+DIV进行网页布局，注重实际操作，使读者在学习CSS套用技术的同时，掌握CSS+DIV的精髓。

第1章 Dreamweaver+CSS入门1

1.1 HTML档案的基本结构2

1.1.1 HTML档案结构2

1.1.2 使用记事本手工编写HTML页面2

1.1.3 使用Dreamweaver编写HTML页面3

1.2 XHTML入门8

1.3 网站与Web标準10

1.3.1 什幺是Web标準10

1.3.2 为什幺要建立Web标準10

1.3.3 怎样改善现有网站11

1.4 为什幺要在网页中加入CSS13

1.4.1 什幺是CSS13

1.4.2 如何编写CSS14

第2章 CSS基础知识15

2.1 CSS基础16

2.1.1 CSS基本概念16

2.1.2 CSS的优点16

2.2 使用CSS17

2.2.1 外联样式表17

2.2.2 内嵌样式表17

2.2.3 导入样式表17

2.2.4 内联样式表18

2.3 选择器类型18

2.3.1 标籤选择器19

2.3.2 类选择器21

2.3.3 ID选择器22

2.4 使用Dreamweaver编辑CSS24

2.4.1 CSS面板24

2.4.2 连结外部样式表25

2.5 设定CSS属性27

2.5.1 设定CSS样式类型27

2.5.2 设定CSS样式背景28

2.5.3 设定CSS样式区块29

2.5.4 设定CSS样式方框30

2.5.5 设定CSS样式框线31

2.5.6 设定CSS样式列表32

2.5.7 设定CSS样式定位33

2.5.8 设定CSS样式扩展34

2.6 实战演练——对网页添加CSS样式35

第3章 设计丰富的文字效果39

3.1 设计网页中的文字样式40

3.1.1 字型40

3.1.2 字号43

3.1.3 加粗45

3.1.4 样式46

3.1.5 变体属性47

3.1.6 文字修饰49

3.2 设计文本的段落样式50

3.2.1 行高50

3.2.2 对齐52

3.2.3 缩进53

3.2.4 单词间距54

3.2.5 首字下沉54

3.2.6 大小写转换55

3.3 CSS滤镜设计特效文字56

3.3.1 滤镜概述57

3.3.2 光晕（Glow）58

3.3.3 模糊（Blur）59

3.3.4 遮罩（Mask）60

3.3.5 透明色（Chroma）60

3.3.6 阴影（DropShadow）61

3.3.7 波浪（Wave）62

3.3.8 X射线（Xray）62

3.4 实战演练64

3.4.1 用CSS排版网页文字64

3.4.2 创建动感文字66

第4章 用CSS设计图像和背景69

4.1 设定网页的背景70

4.1.1 背景颜色70

4.1.2 背景图像70

4.2 设定背景图像的属性71

4.2.1 设定背景重複71

4.2.2 设定固定背景72

4.2.3 设定背景定位73

4.3 设定网页图像的样式76

4.3.1 设定图像框线76

4.3.2 图文混合排版78

4.4 套用CSS滤镜设计图像特效80

4.4.1 控制图像和背景的透明度（Alpha）80

4.4.2 灰度（Gray）81

4.4.3 反色（Invert）81

4.5 实战演练82

4.5.1 给图片添加框线82

4.5.2 图文绕排效果84

4.5.3 滑鼠指针移到图片时产生渐变效果86

第5章 设计更富灵活性的表格89

5.1 网页中的表格90

5.1.1 表格对象标记90

5.1.2 在Dreamweaver中插入表格91

5.1.3 设定表格的颜色93

5.1.4 设定表格的框线样式94

5.1.5 设定表格的阴影98

5.1.6 设定表格的渐变背景99

5.2 实战演练100

5.2.1 製作变换背景色的表格101

5.2.2 用CSS製作漂亮的彩色背景表格102

5.2.3 製作阴影表格104

5.2.4 製作圆角表格105

5.2.5 製作半透明的表格108

第6章 设计更酷更炫的表单110

6.1 网页中的表单111

6.1.1 表单对象111

6.1.2 表单标记112

6.1.3 表单的布局设计112

6.1.4 设定框线样式115

6.1.5 设定背景样式117

6.1.6 设定输入文本的样式119

6.1.7 用CSS+DIV设计表单120

6.2 实战演练123

6.2.1 改变按钮的背景颜色和文字颜色124

6.2.2 设计文本框的样式127

6.2.3 设计文本框中的文字样式128

6.2.4 製作透明的表单背景129

6.2.5 为下拉选单变换颜色130

6.2.6 设定Form表单内textarea背景图片132

第7章 製作实用的选单和网站导航134

7.1 项目列表135

7.1.1 有序列表135

7.1.2 无序列表139

7.2 横排导航144

7.2.1 文本导航144

7.2.2 标籤式导航146

7.3 竖排导航148

7.4 实战演练150

7.4.1 实现背景变换的导航选单150

7.4.2 利用CSS製作横嚮导航152

7.4.3 製作网页下拉选单154

第8章 设计具有特色的超连结效果157

8.1 超连结基础158

8.1.1 超连结的基本概念158

8.1.2 使用“页面属性”设定超连结158

8.2 连结标记159

8.2.1 a:link160

8.2.2 a:visited161

8.2.3 a:active162

8.2.4 a:hover163

8.3 各种形式的超连结164

8.3.1 背景色变换连结164

8.3.2 多姿多彩的下划线连结166

8.3.3 图像翻转连结167

8.3.4 框线变换连结170

8.4 实战演练172

8.4.1 使用CSS实现滑鼠指针形状改变172

8.4.2 为超连结文字加上质感框线173

8.4.3 滑鼠指针移到连结文字上时改变文字大小或颜色177

8.4.4 给超连结添加提示文字179

8.4.5 文本超连结模拟按钮效果183

第9章 CSS+DIV布局定位基础188

9.1 Div标记与Span标记189

9.1.1 Div概述189

9.1.2 Div与Span的区别190

9.2 在Dreamweaver中使用Div191

9.3 盒子模型192

9.3.1 盒子模型的概念192

9.3.2 border193

9.3.3 padding198

9.3.4 margin200

9.4 元素的定位方式203

9.4.1 float定位203

9.4.2 position定位206

9.4.3 z-index空间位置211

第10章 CSS+DIV布局方法214

10.1 CSS布局理念215

10.1.1 将页面用Div分块215

10.1.2 设计各块的位置216

10.1.3 用CSS定位216

10.2 常见的布局类型218

10.2.1 一列固定宽度218

10.2.2 一列自适应219

10.2.3 两列固定宽度220

10.2.4 两列宽度自适应222

10.2.5 两列右列宽度自适应224

10.2.6 三列浮动中间宽度自适应224

10.2.7 三行二列居中高度自适应布局226

10.3 CSS布局与传统的表格方式布局分析229

10.4 使用CSS布局模板232

第11章 CSS与JavaScript的综合套用235

11.1 JavaScript简介236

11.1.1 什幺是JavaScript236

11.1.2 JavaScript特点236

11.2 JavaScript的基本语法237

11.2.1 常量和变数237

11.2.2 表达式和运算符238

11.2.3 基本语句239

11.2.4 函式244

11.3 JavaScript事件244

11.4 JavaScript内部对象246

11.4.1 navigator对象246

11.4.2 document对象247

11.4.3 Windows对象249

11.4.4 location对象252

11.4.5 history对象252

11.5 实战演练253

11.5.1 随滑鼠移动的图像253

11.5.2 製作图片循环隐现效果255

11.5.3 製作幻灯片效果257

11.5.4 製作灯光效果259

11.5.5 任意选择网页中内容的文字颜色、背景颜色、字号261

第12章 设计布局富有个性的个人网站267

12.1 个人网站设计概述268

12.2 个人网站色彩搭配和结构设计269

12.3 网站前期策划269

12.3.1 确定网站主题269

12.3.2 确定目录结构269

12.3.3 网站蓝图的规划270

12.4 製作网站主页271

12.4.1 导入外部CSS271

12.4.2 製作顶部档案274

12.4.3 製作个人简介277

12.4.4 製作个人相册278

12.4.5 製作最新动态281

12.4.6 製作底部档案283

第13章 公司宣传网站的布局284

13.1 企业网站设计概述285

13.2 分析架构286

13.2.1 设计分析286

13.2.2 排版构架287

13.3 各模组设计288

13.3.1 布局设计288

13.3.2 页面的通用规则289

13.3.3 製作#header对象部分292

13.3.4 製作导航#nav对象部分294

13.3.5 公司介绍和图片展示部分297

13.3.6 製作我们的服务部分301

13.3.7 製作#aside对象部分304

13.3.8 製作底部版权资讯部分308

第14章 购物网站布局310

14.1 购物网站设计概述311

14.1.1 购物网站分析311

14.1.2 排版构架311

14.2 各部分设计312

14.2.1 导入外部CSS312

14.2.2 製作头部档案314

14.2.3 设计新品上架区317

14.2.4 设计热门商品区321

14.2.5 设计会员登录区323

14.2.6 设计商品分类区327

14.2.7 设计新品排行区329

14.2.8 插入底部档案332

第15章 留学网站的布局333

15.1 分析架构334

15.1.1 设计分析334

15.1.2 排版构架335

15.2 各模组设计337

15.2.1 页面的通用规则337

15.2.2 顶部logo、banner部分338

15.2.3 製作导航选单部分343

15.2.4 製作xinyi_content1部分347

15.2.5 製作xinyi_bigad部分352

15.2.6 製作xinyi_content2部分352

15.2.7 製作xinyi_content3部分356

15.2.8 製作xinyi_bigad2部分359

15.2.9 製作xinyi_content4部分360

15.2.10 友情连结xinyi_link部分362

15.2.11 着作权xinyi_copyright部分363

附录A CSS属性一览表365

附录B 216种网页安全颜色369

附录C RGB网页配色表373

附录D HTML常用标籤396