CSS实战手册

　　博文视点CSS三剑客之实战之剑第17届Jolt Award（震撼大奖）获奖图书从入门到精通，循序渐进本书主要介绍了CSS这种强大的设计语言的方方面面，意在使读者能更快速且更专业地从事网站设计和开发工作。本书内容丰富全面、通俗易懂，实战性强，涵盖了CSS的选择器、继承、层叠、格式化、网站导航、浮动布局等技术。每章内容都由易到难，一步一步地建立起一个完整的教程示例，既适合刚刚接触CSS的读者阅读并亲自动手实践，又可以作为网页设计人员，以及CSS专家们的参考书。

　　俞黎敏，现任萨蒂扬软件技术（上海）有限公司项目经理，深入了解电力、电信行业的系统，并负责核心系统研发与管理工作。开源爱好者，曾经参与满江红开源组织Spring 2.0 Refence中文翻译的一审与二审工作和Seam1.2.1Reference中文翻译工作，并担任CSDN\CJSDN\DEV2DEV、MATRIX、JAVA WORLDTW 等JAVA论坛版主，在各大技术社区推动开源和敏捷开发作出发积极的贡献。

The Missing的荣誉    I
简介    1
第1部分：CSS基础知识
第1章：为CSS重新思考HTML    15
HTML：过去和现在    15
HTML的过去：一切看起来都好    16
HTML的现在：CSS的脚手架    17
为CSS写HTML    18
思考布局结构    18
学习两种新的HTML标签    18
可以遗忘的HTML    20
在网站上引导访问者的技巧    21
Doctype（文档类型）的重要性    24
第2章：创建样式和样式表    27
样式剖析    27
理解样式表    30
内部还是外部——如何选择    30
内部样式表    30
外部样式表    31
使用HTML链接一个样式表    33
用CSS链接一个样式表    33
教程：创建你的第一个样式    34
创建一个行内的样式    35
创建一个内部样式表    36
创建一个外部样式表    39
第3章：选择器基础：判断要给什么添加样式    43
标签选择器：整体样式    43
类选择器（class selector）：精确控制    45
ID选择器：特殊的网页元素    48
给标签内的标签定义样式    49
HTML族谱    50
创建派生选择器    51
给标签群（Group of Tags）定义样式    53
构造群选择器（Group Selectors）    53
通用选择器（*）    54
伪类和伪元素    54
给链接定义样式    54
更多的伪类和伪元素    55
高级选择器    58
子选择器    58
邻近同胞    60
属性选择器（attribute selector）    60
教程：选择器模型    61
创建群选择器    63
创建和应用类选择器    65
创建和应用ID选择器    67
创建派生选择器    68
第4章：利用继承节省时间    71
什么是继承    71
继承怎样使样式表简化并更有效    72
继承的局限性    72
教程：继承    75
一个基本的例子：一级继承    75
利用继承重新定义整张网页的样式    76
继承不起作用    78
第5章：管理多种样式：层叠    81
样式如何层叠    82
继承的样式累积    82
最近的祖先样式胜出    82
直接应用的样式胜出    83
一个标签，多个样式    84
特性：哪种样式胜出    86
平局修正器：最后一个样式胜出    87
控制层叠    89
改变特性    89
选择性地超越    89
教程：层叠实战    91
创建混合样式    92
结合层叠和继承    93
征服冲突    94
第2部分：实用的CSS
第6章：格式化文本    99
格式化文本    99
选择字体    101
给文本添加颜色    102
改变字号    104
使用pixel（像素）    104
使用Keyword（关键字）、Percentage（百分比）和Em（行长单位）    105
格式化单词和字母    108
斜体化和粗体化    109
大写化    109
装饰    110
字母和字间距    111
格式化整个段落    112
调整行与行之间的距离    112
对齐文本    114
首行缩进和去除页边距    115
格式化段落的首字母或者首行    117
给列表定义样式    117
列表类型    117
定位项目符号和数字    120
图形项目符号    121
教程：文本格式化实战    123
建立网页    123
格式化标题和段落    125
格式化列表    127
添加最后一笔    130
第7章：Margin，Padding和Border    133
理解盒模型（Box Model）    133
用Margin和Padding控制空间    135
Margin和Padding快捷    136
边距碰撞    137
用负数边距去除空格    138
显示行内和块级方框    140
添加边框线    141
Border属性快捷    143
格式化个别边框线    143
给背景添加颜色    145
决定高度（height）和宽度（width）    146
计算一个方框的实际宽度和高度    147
用Overflow（溢出）属性控制溢出文本    148
修复IE 5断裂的盒模型    150
用浮动元素包围内容    152
Background（背景），Border（边框线）和Float（浮动）    154
停止浮动    155
教程：Margin、Background和Border    158
控制网页边距（Margin）    158
调整标签周围的空间    160
用背景和边框强调文本    161
创建工具条    163
修复浏览器Bug    166
更进一步    169
第8章：给网页添加图片    171
CSS和<img>标签    171
背景图片    172
控制重复    175
定位背景图片    176
关键字    177
精确值    179
Percentage（百分比）值    179
固定图片    181
使用background属性的快捷方式    182
教程：创建相册    183
给图片装上边框    184
添加说明    186
建立相册    188
添加阴影    193
教程：使用背景图片    195
给网页背景添加图片    196
用图片代替边框    200
给无序列表使用图片    201
给工具条添加圆角    203
创建外部样式表    206
第9章：装饰网站导航    209
选择要定义样式的链接    209
理解链接状态    209
锁定特定链接    211
为链接定义样式    212
给链接添加下划线    212
创建按钮    214
使用图片    216
创建导航栏    218
使用无序列表    218
垂直导航栏    219
水平的导航栏    222
高级的链接方法    227
很大的可点击按钮    227
CSS型的预载翻转图片    229
滑动门    231
教程：给链接定义样式    233
基本的链接格式    233
给链接添加背景图片    235
高亮突显外部链接    237
标识已访问的网页    239
创建垂直的导航栏    239
添加翻转效果并创建“你在此处”的链接    243
修复IE的bug    246
从垂直到水平    247
第10章：格式化表格和表单    251
正确使用表格    251
给表格定义样式    253
添加Padding    254
调整垂直和水平排列    254
创建边框    256
给行和列定义样式    256
给表单定义样式    259
HTML表单元素    260
利用CSS布局表单    262
教程：给表格定义样式    264
教程：给表单定义样式    268
第3部分：CSS布局
第11章：建立基于浮动的布局    277
CSS布局如何进行    277
强大的<div>标签    278
网页布局类型    279
浮动布局的基础    280
给布局应用浮动    284
浮动所有列    285
在浮动里面浮动    286
利用负边距来定位元素    287
克服浮动问题    292
清除和保持浮动    293
创建全高度的列    297
防止浮动下落    299
处理Internet Explorer的bug    302
双边距bug    302
3px的间隙    304
其它IE问题    306
教程：多个列的布局    307
创建HTML架构    307
创建布局样式    308
添加另一列    309
添加一个“Faux列”    311
固定宽度    313
教程：负边距布局    314
居中一个布局    314
浮动列    318
最后的调整    322
第12章：定位网页上的元素    325
定位属性如何工作    326
设置定位值    328
当绝对定位相对时    332
何时（以及何处）使用相对定位    333
堆叠元素    336
隐藏网页的有些部分    337
强大的定位策略    337
在元素内部定位    339
元素突出方框    340
给网页布局使用CSS定位    341
使用固定定位创建CSS型框架    345
教程：定位网页元素    350
增强页面横幅    350
给照片添加说明    354
布局网页    357
第4部分：高级的CSS
第13章：用于打印页面的CSS    365
Media样式表如何工作？    365
如何添加媒体样式表    367
给外部样式表指定媒体类型    367
在样式表内部指定媒体类型    368
创建打印样式表    369
利用!important来使屏显样式失效    369
重写文本样式    370
为打印定义背景样式    371
隐藏不要的页面区域    373
给打印添加分页符    374
教程：创建一个打印样式表    376
去除不需要的网页元素    376
去除背景并调整布局    378
重设文本格式    379
显示logo    380
显示URL    380
第14章：改进你的CSS习惯    383
添加注释    383
组织样式和样式表    384
清楚地给样式命名    384
使用多个类来节省时间    385
通过分组来组织样式    387
使用多个样式表    388
消除浏览器样式冲突    390
使用派生选择器    394
划分网页    394
标识主体（Body）    396
管理Internet Explorer的Hack    398
优先为当代的浏览器设计    398
用条件注释为IE隔离CSS    399
第5部分：附录
附录A：CSS属性参考    405
附录B：Dreamweaver 8中的CSS    433
附录C：CSS资源    455
索引    463