CSS从入门到精通（二版）

第一篇 基础知识篇
第1章 与网页有关的基本概念 2
1.1 网页的基本构成 2
1.2 网页的结构设计——HTML与XHTML 3
1.2.1 认识HTML 3
1.2.2 认识XHTML 4
1.2.3 制作一个简单的XHTML网页 5
1.2.4 XHTML的优势 5
1.3 CSS入门 6
1.3.1 感性体验CSS的魅力 6
1.3.2 CSS的概念 8
1.3.3 CSS的特点 9
1.3.4 CSS的优势 9
1.3.5 发挥CSS的优势 10
1.4 Web标准 11
1.4.1 什么是Web标准 12
1.4.2 Web标准的构成 12
1.4.3 Web标准的表现层技术 13
1.5 使用CSS+DIV建设网站 13
1.5.1 CSS+DIV的含义 13
1.5.2 CSS+DIV网站设计的优势 13
1.6 小结 14
1.7 习题 15
第2章 CSS基础知识 16
2.1 CSS的基本语法 16
2.1.1 CSS的基本语法构成 16
2.1.2 一个CSS样式的简单实例 16
2.2 CSS的选择符 18
2.2.1 类型选择符 18
2.2.2 群组选择符 18
2.2.3 包含选择符 18
2.2.4 id、class选择符 19
2.2.5 标签指定式选择符 20
2.2.6 组合选择符 20
2.2.7 伪类和伪对象 21
2.2.8 通配选择符 21
2.3 CSS的常用属性及属性值 22
2.3.1 color颜色属性 22
2.3.2 常用的CSS长度单位 23
2.3.3 百分比值 24
2.3.4 URL路径 24
2.4 CSS的继承性 25
2.5 CSS的添加方法 26
2.5.1 在XHTML标识符里添加CSS 26
2.5.2 在XHTML头信息标识符里添加CSS 26
2.5.3 链接样式表 27
2.5.4 联合使用样式表 28
2.6 CSS的开发环境 29
2.6.1 编辑软件 29
2.6.2 浏览软件 30
2.7 小结 31
2.8 习题 32
第3章 XHTML与JavaScript基础 33
3.1 XHTML基础知识 33
3.1.1 XHTML的格式文件 33
3.1.2 XHTML基本结构 34
3.1.3 XHTML网页实例 37
3.2 XHTML的语法构成 38
3.2.1 XHTML中的标签 38
3.2.2 XHTML的标签属性 39
3.3 XHTML的语法规范 39
3.3.1 标签不能重叠，可以嵌套 39
3.3.2 XHTML文件一定要有正确的组织格式 40
3.3.3 标签名字一定要用小写字母 40
3.3.4 所有的XHTML元素一定要关闭 41
3.3.5 独立的一个标签也要用/>来结束 41
3.4 div标签 41
3.4.1 什么是div 41
3.4.2 理解div 42
3.4.3 使用div 43
3.4.4 div的并列与嵌套 44
3.5 span标签 44
3.5.1 什么是span 45
3.5.2 span与div的区别 45
3.6 h1至h6标签 46
3.7 列表制作标签ul、ol、li 46
3.7.1 ul无序列表 47
3.7.2 ol有序列表 48
3.8 p标签和br标签 48
3.8.1 p标签 48
3.8.2 br标签 49
3.9 img标签 49
3.9.1 img标签的属性 49
3.9.2 img标签使用方法 50
3.10 表单标签 50
3.10.1 form标签 50
3.10.2 input标签 51
3.10.3 分组标签fieldset、legend 53
3.11 JavaScript简介 53
3.12 JavaScript语言基础 54
3.12.1 插入JavaScript 55
3.12.2 基本语法 55
3.12.3 变量和数据类型 56
3.12.4 语句 57
3.13 JavaScript的对象及其属性和方法 60
3.14 事件处理 61
3.14.1 事件处理的类型 61
3.14.2 指定事件处理 61
3.15 小结 62
3.16 习题 63
第4章 浏览器的兼容与解析问题 65
4.1 兼容问题的由来 65
4.2 需要兼容的常用浏览器 65
4.3 CSS hack技术 66
4.3.1 什么是CSS hack 66
4.3.2 使用CSS hack 67
4.4 常用CSS hack方法介绍 68
4.4.1 屏蔽IE 6浏览器 68
4.4.2 仅IE 7识别 68
4.4.3 仅IE 6识别 69
4.4.4 仅IE识别 70
4.4.5 兼容IE 6、IE 7、Firefox浏览器 70
4.5 CSS hack管理 72
4.6 IE条件注释功能 73
4.7 小结 73
4.8 习题 74
第二篇 实例制作篇
第5章 使用CSS制作背景 76
5.1 制作背景颜色 76
5.2 给元素添加背景图片 78
5.2.1 指定背景图像 78
5.2.2 制作重复的背景图像 80
5.3 制作不动的背景 81
5.4 给网页添加背景 84
5.5 制作滚动页面的背景 85
5.6 综合使用背景 86
5.7 小结 87
5.8 习题 88
第6章 使用CSS布局页面顶部内容 89
6.1 制作包含文本logo的页面顶部 89
6.2 制作包含图像logo的页面顶部 91
6.2.1 制作实例 92
6.2.2 兼容问题 94
6.3 制作包含文本banner的页面顶部 95
6.3.1 图片logo的定位 96
6.3.2 定义快捷方式的文本样式 98
6.3.3 定义段落文本banner样式 100
6.4 制作包含图像banner的页面顶部 101
6.5 小结 105
6.6 习题 106
第7章 使用CSS制作网站导航 107
7.1 制作一个简单的横向文字导航条 107
7.2 制作方块导航条 110
7.3 制作标签式导航 112
7.4 制作按钮导航条 115
7.5 CSS盒模型及盒模型hack 118
7.5.1 盒模型尺寸 118
7.5.2 盒模型hack 120
7.5.3 简单盒模型hack方法 121
7.6 制作会动的长城形导航条 121
7.7 制作基于背景控制的导航条 126
7.8 制作左右自由伸展的导航条 129
7.8.1 九宫格技术原理 129
7.8.2 制作自由伸展的导航条实例 132
7.9 制作一个简单的纵向导航条 134
7.9.1 使用ul、li列表标签制作导航条 134
7.9.2 使用div+h1标签制作 135
7.10 制作分行导航条 137
7.11 制作增亮导航条 139
7.12 制作动感的导航条 141
7.13 制作下拉式导航条 144
7.13.1 制作实例 145
7.13.2 兼容问题 147
7.14 制作多级弹出导航条 149
7.14.1 制作实例 149
7.14.2 兼容问题 153
7.15 小结 154
7.16 习题 155
第8章 使用CSS制作列表 156
8.1 制作新闻列表 156
8.1.1 制作实例 157
8.1.2 兼容问题 159
8.2 制作排行榜 160
8.3 制作自定义图片项目符号的列表 163
8.3.1 使用列表符号样式属性制作列表 164
8.3.2 使用背景图片属性制作列表符号 166
8.3.3 兼容问题 167
8.4 使用CSS改变列表排版 168
8.5 列表缩进排版 171
8.5.1 制作实例 171
8.5.2 兼容问题 174
8.6 复杂列表排版 175
8.6.1 overflow属性语法结构 176
8.6.2 制作实例 176
8.6.3 兼容问题 181
8.7 小结 183
8.8 习题 184
第9章 使用CSS制作表单 185
9.1 制作登录表单 185
9.1.1 label标签语法结构 186
9.1.2 制作登录表单实例 186
9.1.3 兼容问题 189
9.2 制作用户注册表单 190
9.2.1 制作页面的XHTML代码 191
9.2.2 制作页面的CSS样式 193
9.3 制作符合W3C标准的表单 196
9.3.1 制作页面的XHTML代码 197
9.3.2 制作页面的CSS样式 200
9.3.3 兼容问题 204
9.4 小结 205
9.5 习题 205
第10章 使用CSS制作内容的版式 206
10.1 制作分栏的文字排版 206
10.2 制作图文混合排版 208
10.2.1 图文混排基本方式 208
10.2.2 制作网站图文混排版式的实例 209
10.3 制作全图排版的实例 212
10.3.1 自由浮动布局 213
10.3.2 其他显示方式布局 216
10.4 小结 218
10.5 习题 218
第11章 使用CSS制作链接样式 219
11.1 制作Windows风格样式的CSS按钮 219
11.1.1 仿Windows经典样式的CSS按钮 219
11.1.2 仿Windows XP风格的CSS按钮 220
11.2 制作仿按钮下陷效果的实例 221
11.3 面包屑导航链接 222
11.3.1 制作实例 223
11.3.2 兼容问题 225
11.4 小结 226
11.5 习题 226
第12章 使用CSS制作数据表格 227
12.1 制作基本的数据表格 227
12.1.1 表示数据的表格对象标签 227
12.1.2 使用表格标签制作表格 227
12.1.3 使用CSS修饰表格样式 229
12.2 制作CSS风格的数据表格 232
12.2.1 表格对象标签属性 232
12.2.2 CSS属性text-transform 233
12.2.3 制作数据表格实例 233
12.3 小结 238
12.4 习题 239
第13章 使用CSS制作页面底部内容 240
13.1 制作文本信息的页面底部内容 240
13.1.1 a标签的title属性 240
13.1.2 制作包含文本信息的页面底部XHTML结构代码 240
13.1.3 制作页面的CSS样式 241
13.1.4 兼容问题 244
13.2 制作包含导航链接的页面底部内容 245
13.2.1 制作包含导航链接页面底部的XHTML代码结构 245
13.2.2 制作页面的CSS样式 246
13.3 制作包含图像友情链接的页面底部内容 250
13.3.1 制作页面底部的XHTML结构 250
13.3.2 制作页面的CSS样式 251
13.4 小结 253
13.5 习题 254
第三篇 整体布局篇
第14章 CSS基本布局 256
14.1 一列固定宽度 256
14.2 一列宽度自适应 258
14.3 一列居中 259
14.4 二列固定宽度 260
14.5 二列宽度自适应 262
14.6 两列右列宽度自适应 263
14.7 两列固定宽度居中 264
14.8 三列浮动中间列宽度自适应 266
14.9 高度自适应 268
14.10 小结 270
14.11 习题 270
第15章 CSS整体布局的实现 271
15.1 顶行三列布局的实现 271
15.1.1 制作思路 272
15.1.2 制作顶部三列式布局实例 272
15.2 多区域不规则布局 274
15.2.1 制作思路 275
15.2.2 制作多区域不规则布局的实例 276
15.3 小结 279
15.4 习题 280
第16章 使用Dreamweaver制作页面的实例 281
16.1 框架设计 281
16.1.1 页面分析 282
16.1.2 框架制作 282
16.1.3 切图 285
16.2 布局设计 288
16.2.1 页面顶部布局设计 288
16.2.2 页面中上部的布局设计 290
16.2.3 页面中下部的布局设计 293
16.2.4 页面底部的布局设计 296
16.3 模块设计 298
16.3.1 快速导航制作 298
16.3.2 “面包屑”制作 300
16.3.3 数据表格制作 302
16.3.4 图片排版 304
16.4 兼容性测试 306
16.5 小结 309
16.6 习题 310
第四篇 综合应用篇
第17章 博客类网页布局设计 312
17.1 页面布局和规划 313
17.1.1 界面设计分析 313
17.1.2 规划页面布局 313
17.2 CSS结构设计与整体布局设计 314
17.2.1 CSS结构设计 314
17.2.2 整体布局设计 316
17.3 页面头部布局设计 319
17.3.1 制作头部的结构代码 319
17.3.2 编写头部的CSS代码 320
17.4 日志部分的布局设计 322
17.4.1 制作日志部分的结构代码 322
17.4.2 编写日志部分的CSS代码 323
17.5 边栏区域的布局设计 326
17.5.1 制作边栏区域的结构代码 326
17.5.2 编写右边栏区域的CSS代码 327
17.6 页面底部的布局设计 329
17.6.1 制作底部的结构代码 330
17.6.2 编写底部的CSS代码 330
17.7 小结 331
第18章 企业类网页布局设计 332
18.1 页面布局和规划 332
18.1.1 界面设计分析 332
18.1.2 规划页面布局 334
18.2 CSS结构设计与整体布局设计 334
18.2.1 CSS文件结构设计 335
18.2.2 首页布局设计 335
18.3 页面头部布局设计 338
18.3.1 制作头部的结构代码 338
18.3.2 编写头部的CSS样式 338
18.4 页面banner区域的布局设计 339
18.4.1 制作banner区域主体的布局设计 339
18.4.2 制作banner区域各个元素的布局设计 341
18.5 页面主内容区的布局设计 346
18.5.1 制作页面主内容区结构 346
18.5.2 编写CSS样式 347
18.6 频道页面布局设计概述 350
18.7 小结 351