第1章 有关XHTML和CSS的最佳实例 1
1.1把结构和表现标记硬挤在一起 2
1.2学习并热衷于使用标记 7
1.2.1 XHTML：新热点 8
1.2.2从结构提取样式 13
1.3 CSS：添加样式层 21
1.3.1更好地了解选择符 21
1.3.2其他选择符 25
1.3.3多重声明组合 28
1.3.4对选择符进行分组 29
1.3.5继承 31
1.3.6综合应用 33
1.4了解层叠 38
1.4.1探寻样式来源 38
1.4.2根据优先级排序 41
1.4.3根据顺序排序 42
1.5把理论应用于实践 43
1.5.1基于可靠浏览器进行构建 43
1.5.2理性对待hack 44
1.5.3与hack有关的问题 48
1.5.4编写hack的技巧 49
1.6小结 52
第2章 Google的blogger.com：翻转器和设计思想 53
2.1设计人员访谈 54
2.2 CSS驱动的翻转器 57
2.2.1改变链接的颜色和背景色（简单） 58
2.2.2改变链接的颜色和背景色（复杂） 59
2.2.3所要完成的工作 63
2.2.4改变表格行的背景色 67
2.2.5改变文本颜色 71
2.2.6改变链接的背景位置 75
2.3小结 84
第3章 经典的美国职业高尔夫联盟锦标赛网站 85
3.1阴影效果的实现 86
3.1.1创建幻觉效果 87
3.1.2使阴影更真实 92
3.2创建CSS下拉菜单 95
3.2.1定制下拉菜单位置 96
3.2.2定制下拉菜单的样式 98
3.3与Web标准兼容的Flash嵌入 102
3.3.1使用Flash Satay方法 102
3.3.2用JavaScript编写object／embed标签 103
3.3.3 SWFObeject 103
3.4小结 104
第4章 佛罗里达大学主页UFL.edu 105
4.1 UF第一个Web站点回顾 105
4.1.1对修改版本的反思 106
4.1.2对目前网站的分析 108
4.2网站定义 109
4.2.1组建开发团队 109
4.2.2从用户研究着手 110
4.2.3自我检查 110
4.2.4定义技术规范 111
4.3构建主导航结构 112
4.3.1 XHTML 112
4.3.2 CSS 114
4.3.3图像 116
4.3.4实现细节 116
4.3.5边框的构建 117
4.3.6段落题头样式 118
4.3.7列表样式 119
4.4实现辅助导航 120
4.4.1 XHTML 120
4.4.2 CSS 122
4.5再论Flash的嵌入 129
4.5.1 Flash Satay方法回顾 130
4.5.2服务器端的Flash Satay检测 132
4.6寻找设计中的失误 133
4.6.1仅凭示例引导 133
4.6.2“习惯势力”和“谁移动了我的输入框” 133
4.7小结 134
第5章 Stuff and Nonsense：CSS切换策略 135
5.1基础准备 136
5.2 CSS切换 142
5.3工作机制 144
5.3.1永久样式表 144
5.3.2首选样式表 145
5.3.3备选样式表 145
5.3.4又一个（几乎）完全不能用的方案 148
5.4目前的解决方案 149
5.4.1转向JavaScript 150
5.4.2 PHP方案 159
5.5超越浏览器的CSS 162
5.5.1媒体类型：康复的开始 164
5.5.2选择问题 168
5.6 Stuff and Nonsense：创建一个更好的切换器 168
5.7设计师Andy Clarke访谈 171
5.8小结 176
第6章 CindyLi.com的风险投资：博客修改 177
6.1博客 177
6.2 CSS： Cindy Li开博客 179
6.3设计要素 179
6.3.1创建布局 179
6.3.2对设计进行布局 180
6.4创建站点 182
6.4.1设计导航条 182
6.4.2创建翻转图形 184
6.4.3设置导航标记和CSS 185
6.4.4整合翻转器 188
6.5设置说话框 190
6.5.1说话框编码 191
6.5.2再次应用这种效果 193
6.5.3添加Flickr徽章 193
6.6复选框样式 198
6.7小结 204
第7章 AIGA辛辛那提分会：HTML email模板 205
7.1 HTML Eamil简介 205
7.2制造模板 206
7.2.1打印设计 206
7.2.2创建HTML表格布局 207
7.2.3对设计进行调整 215
7.2.4对HTML email模板的CSS规则的效果分析 216
7.3嵌入样式 218
7.4为HTML email进行预处理 219
7.5小结 220
第8章 专业CSS图书网站：透明PNG图像的使用 221
8.1 PNG和浏览器支持 222
8.1.1在IE 6中使用PNG的图像过滤方案 223
8.1.2在IE 6中使用PNG的HTC脚本方案 223
8.1.3 PNG图像的颜色问题 224
8.2使用Alpha透明 225
8.2.1更好的阴影 225
8.2.2使用彩色阴影 227
8.3小结 230
第9章 构建CSS布局 231
9.1网格与布局 231
9.2做打印所不能做的事 235
9.3 CSS定位基本原理 237
9.3.1功能强大的绝对定位 238
9.3.2在相对定位容器内的绝对定位 241
9.4创建三栏：布局的基础 243
9.4.1编写XHTML：从模式到标记 244
9.4.2样式层 247
9.4.3解决浏览器错误 255
9.4.4 IE 5x+／Win 260
9.5设置边界：max-width属性 262
9.6小结 265
附录A HTML 4.01元素 267
附录B 从HTML到XHTML的转换规则 271
附录C CSS 2.1属性 277
附录D CSS故障排除指南 285