CSS实战手册(第2版)
出版信息
[美] David Sawyer McFarland / 俞黎敏 / 电子工业出版社 / 2010-6 / 69.80元
内容简介
本书从介绍最基本的CSS知识开始,到建立用于打印网页的CSS和改进你的CSS习惯的最佳实践。将关于CSS的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、定位网页上的元素,以及用于打印网页的CSS等技术通过逐步地讲解与教程串联了起来。每章内容从简单到复杂,一步一步地建立起一个完整的教程示例,并在每章都会详细讨论一些技巧、最佳实践和各浏览器之间一致性的兼容问题及如何进行修复,以及给出实际的解决办法来创建最佳展现效果的页面,在各章节的最后都给出了相应教程的详细操作步骤。并且介绍了最新的CSS 3特性及常见问题,最后还提供了完整的CSS属性参考、Dreamweaver CS4中的CSS及书中提到的相关CSS资源列表。
本书适合于刚刚接触CSS的朋友们阅读并亲自动手实践,具有HTML、XHTML和CSS基本知识但想创建更加完美的网页的设计人员,以及须要创建在各种不同的浏览器之间兼容并都能够达到同样展现效果的CSS专家们作为参考。
作者简介
David Sawyer McFarland是Sawyer McFarland Media, Inc.(位于俄勒冈州波特兰的一家网站开发和培训公司)总裁。他从1995年开始创建网站,设计的第一个网站是针对通信专业的一本在线杂志。他是伯克利的加利福尼亚大学和伯克利多媒体研究中心的网站管理员,并为包括Macworld.com在内的诸多客户创建、设计和编写了许多网站。
除了创建网站外,David还是一位作家、培训师和讲师。他在加利福尼亚大学伯克利新闻研究所、电子艺术中心、艺术大学研究院、新媒体出版中心,以及波特兰艺术学院传授网站设计。目前,他任教于波特兰州立大学。他给Practical Web Design、Macworld magazine和CreativePro.com撰写了许多关于网站设计的文章。
David也是Dreamweaver: The Missing Manual和JavaScript: The Missing Manual的作者。
他欢迎大家把有关本书的反馈意见通过电子邮件发送到:missing@sawmac. com。(但是,如果你是要寻求技术方面的援助,请参见附录C中所列的参考资料。)
目录
简介 1
第1部分 CSS基础知识 11
第1章 对HTML的再思考 12
HTML的过去与现在 12
HTML的过去:看起来一切都好 12
HTML的现在:CSS的脚手架 14
为CSS编写HTML 14
思考布局结构 14
学习两种新的HTML标签 15
可以忘却的HTML标签和属性 16
编写技巧 17
Doctype(文档类型)的重要性 20
充分利用Internet Explorer 8 21
第2章 创建样式和样式表 23
样式剖析 24
理解样式表 25
如何选择内部或外部样式表 25
内部样式表 26
外部样式表 27
用HTML链接样式表 28
用CSS链接样式表 28
教程:创建第一个样式 29
创建行内样式 29
创建内部样式表 31
创建外部样式表 32
第3章 选择器:明确设置哪些样式 37
标签选择器:整体控制 37
类选择器:精确控制 38
ID选择器:控制特殊的网页元素 40
给标签组定义样式 42
构建群选择器 42
通用选择器(*) 43
给标签内的标签定义样式 43
HTML族谱 44
创建派生选择器 45
伪类和伪元素 46
给链接定义样式 47
给段落定义样式 47
更多的伪类和伪元素 47
高级选择器 50
子选择器 50
同胞选择器 51
属性选择器 52
教程:选择器模型 54
创建群选择器 56
创建和应用类选择器 56
创建派生选择器 58
创建和应用ID选择器 60
点睛之笔 61
第4章 用样式继承节省时间 63
什么是继承 63
继承如何简化样式表 64
继承的局限性 65
教程:继承 66
基本范例:一级继承 66
用继承重新设置整个网页的样式 67
继承不起作用 69
第5章 用层叠管理多样式 71
样式如何层叠 71
继承样式的叠加 72
最近的祖先样式胜出 72
直接应用的样式胜出 73
一个标签,多个样式 74
用权重值决定哪种样式胜出 75
权重值相同时最后一个样式胜出 76
控制层叠 77
改变权重值 78
选择性地覆盖 79
重新创建样式 79
教程:层叠实例 80
重置CSS,重新设置样式 81
创建混合样式 82
消除样式冲突 83
第2部分 CSS实用技术 87
第6章 文本格式化 88
如何格式化文本 89
如何选择字体 89
如何给文本添加颜色 92
如何修改字号 93
pixel(像素)的用法 94
Keyword(关键字)、Percentage(百分比)和Em(行长单位)的用法 94
如何格式化词语和字母 97
斜体化和粗体化 97
大写化 98
文本的修饰 98
字母间距和字间距 100
如何格式化整个段落 100
如何调整行间距 101
如何对齐文本 102
首行缩进并去除边距 102
格式化段落的首字母或首行 104
如何给列表定义样式 105
列表的类型 105
给项目符号和项目序号定位 107
图形项目符号 108
教程:文本格式化实例 109
创建网页 109
格式化标题和段落 111
格式化列表 113
利用类进行微调 114
点睛之笔 116
第7章 Margin、Padding和Border 118
理解盒模型 118
用Margin和Padding控制空间 119
Margin和Padding的快捷属性 121
边距冲突 121
用margin负值消除空格 122
显示行内盒子和块级盒子 123
添加边框 125
border属性的快捷设定法 125
单独格式化各条边框 126
设置背景色 128
确定高度和宽度 128
计算盒子的实际宽度和高度 129
用Overflow属性控制溢出文本 130
用浮动元素包围内容 132
Background(背景)、Border(边框)和Float(浮动) 134
停止浮动 135
教程:Margin、Background和Border 137
如何控制网页的边距和背景 137
调整标签周围的空间 139
创建侧边栏 141
修复浏览器的bug 143
精益求精 145
第8章 给网页添加图片 146
CSS和标签 146
背景图片 147
控制重复 150
定位背景图片 151
关键字 152
精确值 153
percentage(百分比)值 153
如果固定图片 155
利用background快捷属性 155
教程:美化图片 157
给图片添加边框 157
给图片添加说明 159
教程:创建相册 161
添加阴影 164
教程:使用背景图片 167
给网页背景添加图片 167
用图片代替边框 169
给无序列表使用图片 170
使侧边栏更有特色 171
精益求精 174
第9章 装饰网站导航 175
选择要定义样式的链接 175
理解链接状态 175
针对特定链接 177
给链接定义样式 178
给链接添加下划线 178
创建按钮 180
利用图片 181
创建导航栏 182
使用无序列表 182
垂直导航栏 183
水平导航栏 185
高级链接技术 190
超大的可点击按钮 190
CSS式的预载替换法 191
滑动门 193
给特殊的链接类型定义样式 194
教程:给链接定义样式 196
基本链接格式 196
给链接添加背景图片 198
突显不同的链接 199
教程:创建导航栏 201
添加替换效果并创建“你在此处”的链接 204
修正IE的bug 206
从垂直到水平 207
第10章 表格和表单的格式化 210
让表格专司其职 210
给表格定义样式 212
添加Padding 212
调整垂直对齐和水平对齐 212
创建边框 213
给行和列定义样式 214
给表单定义样式 216
HTML的表单元素 216
利用CSS布置表单 219
教程:给表格定义样式 220
教程:给表单定义样式 225
第3部分 CSS网页布局 229
第11章 CSS布局简介 230
网页布局的类型 230
如何进行CSS布局 232
强大的标签 232
CSS布局的方法 233
布局策略 234
从内容入手 234
设计草图 234
找出方框 235
顺应页面流 235
记住背景图片 235
拼图中的小部件 237
给元素设计层次 237
别忘了margin和padding 237
第12章 构建基于浮动的布局 238
用浮动进行布局 240
让所有列都浮动 241
在浮动元素中浮动 243
用margin负值给元素定位 243
克服浮动问题 247
清除浮动和保持浮动 248
创建全网页高度的列 250
防止float drop 253
处理Internet Explorer 6的bug 255
双边距bug 255
3px间隙 257
其他IE问题 258
教程:多列的布局 259
搭建HTML结构 260
创建布局样式 260
再添加一列 261
添加一个“Faux列” 262
固定宽度 264
教程:负边距布局 265
居中布局 265
让列浮动 267
最后的调整 269
第13章 定位网页上的元素 271
定位属性的作用 271
设置定位值 273
当绝对定位变成相对时 276
何时(以及在何处)使用相对定位 277
堆叠元素 279
隐藏部分网页 280
强大的定位策略 280
在元素内部进行定位 281
让元素超出方框 283
用CSS定位进行网页布局 283
用固定定位创建CSS式的框架 286
教程:定位网页元素 290
美化网页的横幅 290
给照片添加说明文字 292
网页排版 295
第4部分 CSS高级技术 299
第14章 设计打印页面的CSS技术 300
Media样式表的作用 300
如何添加Media样式表 302
给外部样式表指定媒体类型 302
在样式表中指定媒体类型 302
创建打印样式表 303
用!important覆盖屏显样式 304
重写文本样式 304
定义打印背景 305
隐藏不需要的页面区域 307
给打印添加分页符 308
教程:创建打印样式表 309
取消不需要的网页元素 309
调整布局 311
重设文本格式 312
显示URL 313
第15章 改正CSS设计习惯 315
添加注释 315
组织样式和样式表 316
样式命名要清晰 316
使用多个类可以节省时间 317
将样式分组 318
使用多个样式表 319
消除浏览器的样式冲突 321
使用派生选择器 324
划分网页 325
标识主体(Body) 326
管理Internet Explorer的修复代码 328
优先为当代浏览器设计 328
用条件注释隔离IE的CSS代码 329
第16章 CSS 3:最先进的CSS技术 331
CSS 3特性概览 332
CSS 3选择器 332
子选择器 332
类型选择器 334
Opacity属性 335
RGBA颜色 337
在Internet Explorer中模拟RGBA 338
文本的阴影效果 339
字体自由 340
生成内容 342
索引 345