标记 18413.6 盒子在标准流中的定位原则 187
13.6.1 行内元素之间的水平margin 187
13.6.2 块级元素之间的竖直margin 188
13.6.3 嵌套盒子之间的margin 189
13.6.4 margin属性可以设置为负值 191
13.7 思考题 192
13.8 本章小结 196
第 14章 盒子的浮动与定位 197
14.1 盒子的浮动 197
14.1.1 准备代码 197
14.1.2 案例1--设置第 1个浮动的div 199
14.1.3 案例2--设置第 2个浮动的div 199
14.1.4 案例3--设置第3个浮动的div 199
14.1.5 案例4--改变浮动的方向 200
14.1.6 案例5--再次改变浮动的方向 200
14.1.7 案例6--全部向左浮动 201
14.1.8 案例7--使用clear属性清除浮动的影响 202
14.1.9 案例8--扩展盒子的高度 203
14.2 盒子的定位 204
14.2.1 静态定位(static) 204
14.2.2 相对定位(relative) 205
14.2.3 定位(absolute) 209
14.2.4 固定定位(fixed) 214
14.3 z-index空间位置 214
14.4 盒子的display属性 215
14.5 本章小结 216
第 15章 用CSS设置表格样式 217
15.1 控制表格 217
15.1.1 表格中的标记 217
15.1.2 设置表格的边框 219
15.1.3 确定表格的宽度 222
15.1.4 其他与表格相关的标记 223
15.2 美化表格 224
15.2.1 搭建HTML结构 224
15.2.2 整体设置 225
15.2.3 设置单元格样式 226
15.2.4 斑马纹效果 227
15.2.5 设置列样式 227
15.3 设置鼠标指针经过时整行变色提示的表格 232
15.3.1 在Firefox和IE 7中实现鼠标指针经过时整行变色 232
15.3.2 在IE 6中实现鼠标指针经过时整行变色 233
15.3.3 终合并代码 234
15.4 辅助:使用jQuery实现更多效果 236
15.4.1 用jQuery实现斑马纹效果 237
15.4.2 用jQuery实现"前3行"特殊样式 239
15.4.3 用jQuery实现渐变背景色表格效果 240
15.4.4 用jQuery实现鼠标指针经过变色效果 241
15.5 案例--日历 241
15.5.1 搭建HTML结构 241
15.5.2 设置整体样式和表头样式 244
15.5.3 设置日历单元格样式 245
15.6 本章小结 248
第 16章 用CSS设置链接与导航菜单 249
16.1 丰富的超链接特效 250
16.2 创建按钮式超链接 252
16.3 制作荧光灯效果的菜单 253
16.3.1 HTML框架 254
16.3.2 设置容器的CSS样式 254
16.3.3 设置菜单项的CSS样式 255
16.4 控制鼠标指针 257
16.5 设置项目列表样式 257
16.5.1 列表的符号 258
16.5.2 图片符号 260
16.6 创建简单的导航菜单 261
16.6.1 简单的竖直排列菜单 261
16.6.2 横竖自由转换菜单 264
16.7 设置图片翻转效果 265
16.8 应用滑动门技术的玻璃效果菜单 266
16.8.1 基本思路 266
16.8.2 设置菜单整体效果 267
16.8.3 使用"滑动门"技术设置玻璃材质背景 268
16.8.4 进一步解决的问题 269
16.9 鼠标指针经过时给图片增加边框 270
16.10 本章小结 272
第 17章 用CSS建立表单 273
17.1 表单的用途和原理 273
17.2 表单输入类型 274
17.2.1 文本输入框 274
17.2.2 单选按钮 274
17.2.3 复选按钮 275
17.2.4 密码输入框 275
17.2.5 按钮 276
17.2.6 多行文本框 277
17.2.7 列表框 277
17.3 CSS与表单 278
17.3.1 表单中的元素 278
17.3.2 像文字一样的按钮 281
17.3.3 多彩的下拉菜单 283
17.4 案例--"数独"游戏网页 284
17.4.1 搭建基本表格 285
17.4.2 设置表格样式 286
17.4.3 加入文本输入框 287
17.4.4 设置文本输入框的样式 287
17.5 对齐文本框和旁边的图像按钮 289
17.6 本章小结 290
第 18章 网页样式综合案例--灵活的电子相册 291
18.1 搭建框架 291
18.2 阵列模式 293
18.3 单列模式 298
18.4 改进阵列模式 301
18.5 IE 6兼容 304
18.6 双向联动模式 306
18.6.1 在Firefox中实现 306
18.6.2 IE 6兼容 311
18.6.3 改变方向 312
18.7 本章小结 314
第4部分 CSS布局篇
第 19章 固定宽度布局剖析与制作 317
19.1 向报纸学习排版思想 317
19.2 CSS排版观念 319
19.2.1 两列布局 320
19.2.2 三列布局 320
19.2.3 多列布局 321
19.2.4 布局结构的表达式与结构图 321
19.3 圆角框 325
19.3.1 准备图像 325
19.3.2 搭建HTML结构 326
19.3.3 放置背景图像 328
19.3.4 设置样式并修复缺口 329
19.4 单列布局 330
19.4.1 放置第 一个圆角框 331
19.4.2 设置圆角框的CSS样式 331
19.4.3 放置其他圆角框 334
19.5 "1-2-1"固定宽度布局 335
19.5.1 准备工作 336
19.5.2 定位法 337
19.5.3 浮动法 339
19.6 "1-3-1"固定宽度布局 341
19.7 "1-((1-2)+1)-1"固定宽度布局 343
19.8 本章小结 344
第 20章 变宽度网页布局剖析与制作 345
20.1 "1-2-1"变宽度网页布局 345
20.1.1 "1-2-1"等比例变宽布局 345
20.1.2 "1-2-1"单列变宽布局 348
20.2 "1-3-1"宽度适应布局 352
20.2.1 "1-3-1"三列宽度等比例布局 352
20.2.2 "1-3-1"单侧列宽度固定的变宽布局 352
20.2.3 "1-3-1"中间列宽度固定的变宽布局 353
20.2.4 进一步的思考 355
20.2.5 "1-3-1"双侧列宽度固定的变宽布局 356
20.2.6 "1-3-1"中列和侧列宽度固定的变宽布局 358
20.3 变宽布局方法总结 359
20.4 分列布局背景色问题 360
20.4.1 设置固定宽度布局的列背景色 360
20.4.2 设置特殊宽度变化布局的列背景色 364
20.4.3 设置单列宽度变化布局的列背景色 364
20.5 CSS排版与传统的表格方式排版的分析 365
20.6 浏览器的兼容性问题 368
20.7 CSS布局页面的调试技巧 368
20.7.1 技巧1:设置背景色或者边框,确定错误范围 369
20.7.2 技巧2:删除无关代码,暴露核心矛盾 369
20.7.3 技巧3:先用Firefox调试,然后使它兼容IE 369
20.7.4 技巧4:善于利用工具,提高调试效率 370
20.7.5 技巧5:善于提问,寻求帮助 370
20.8 本章小结 370
第 21章 网页布局综合案例--儿童用品网上商店 371
21.1 案例概述 371
21.2 内容分析 372
21.3 HTML结构设计 374
21.4 原型设计 377
21.5 页面方案设计 380
21.6 布局设计 383
21.6.1 整体样式设计 383
21.6.2 页头部分 384
21.6.3 内容部分 386
21.6.4 页脚部分 389
21.7 细节设计 389
21.7.1 页头部分 389
21.7.2 内容部分 395
21.7.3 左侧的主要内容列 395
21.7.4 右边栏 398
21.8 CSS布局的优点 402
21.9 交互效果设计 403
21.9.1 次导航栏 403
21.9.2 主导航栏 404
21.9.3 账号区 404
21.9.4 图像边框 405
21.9.5 产品分类 407
21.10 遵从Web标准的设计流程 407
21.11 从"网页"到"网站" 408
21.11.1 历史回顾 408
21.11.2 不完善的办法 408
21.11.3 服务器出场 409
21.11.4 CMS出现 409
21.11.5 具体操作 409
21.12 本章小结 410
附录A 网站发布与管理 411
A.1 在Internet上建立自己的Web站点 411
A.1.1 制作网站内容 411
A.1.2 申请域名 411
A.1.3 信息发布 411
A.2 租用虚拟主机空间 412
A.2.1 了解基本的技术名词 412
A.2.2 选择和租用虚拟主机 413
A.3 向服务器上传网站内容 414
A.3.1 使用Dreamweaver上传文件 414
A.3.2 使用IE浏览器上传文件 415
A.3.3 使用专业FTP工具上传文件 416
A.4 网站管理 418
A.4.1 修改密码 418
A.4.2 集团邮箱管理 419
A.4.3 注意事项 420
附录B CSS英文小字典 421