CSS实战手册（第2版）

章节摘录

　　第1部分　CSS基础知识　　第1章　对HTML的再思考　　为了最有效地利用CSS，HTML代码必须提供坚实而良好的基础。本章将介绍如何编写更优秀、对CSS更友好的HTML。好消息是，如果整个网站都使用CSS，HTML实际上就更加容易编写了。你不再须要操心怎么把HTML变成前所未有的设计行家，因为CSS为你提供了所有可能需要的图形设计技巧，并且编写应用CSS的HTML网页时只需要更少的代码，你还可以少打很多字，创建起来也容易得多。它们的下载速度也会更　　快一这将是最受网站访客欢迎的其中一个好处（见图1.1）。　　HTML的过去与现在　　如简介中所述，HTML（或XHTML）为你在万维网上见到的每一张网页奠定了基础。当你在其中加入CSS时，使用HTML的方式就改变了。告别那些仅仅用来获得某种视觉效果的笨拙的HTML标签吧。对于某些HTML标签和属性——如一甚至可以完全抛之脑后。　　注意：　　你在本章见到的所有HTML应用都适用于XHTML。虽然HTML和XHTML之间的差异之处多得像彩虹的颜色一般数不清，但你还是必须选择其中一种，并确保网页可以识别你正使用哪一种语言。否则，访客的浏览器很可能根本无法识别你费心雕琢出来的页面。本章稍后，你将学到如何告诉CSS自己正在使用哪一种HTML／XHTML。　　HTML的过去：看起来一切都好　　最初，当一群科学家创建网页来分享和保存技术文档时，没有人认为需要图形设计师。所有的科学家都只要求HTML能够为信息提供结构，便于理解即可。比如，标签表示重要的标题，而标签则表示次要的标题，它通常是的子标题。过去喜欢用的另一个标签是（有序列表），比如，对于“不要和水母一起玩耍的10大理由”这类事情就可以创建一个有序列表。

内容概要

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

编辑推荐

　　Jolt大奖获奖图书全新改版　　亚马逊CSS分类排名第一

作者简介

本书从介绍最基本的CSS知识开始，到建立用于打印网页的CSS和改进你的CSS习惯的最佳实践。将关于CSS的选择器、继承、层叠、格式化、边距、填充、边框、图片、网站导航、表格、表单、浮动布局、定位网页上的元素，以及用于打印网页的CSS等技术通过逐步地讲解与教程串联了起来。每章内容从简单到复杂，一步一步地建立起一个完整的教程示例，并在每章都会详细讨论一些技巧、最佳实践和各浏览器之间一致性的兼容问题及如何进行修复，以及给出实际的解决办法来创建最佳展现效果的页面，在各章节的最后都给出了相应教程的详细操作步骤。并且介绍了最新的CSS 3特性及常见问题，最后还提供了完整的CSS属性参考、Dreamweaver CS4中的CSS及书中提到的相关CSS资源列表。

本书适合于刚刚接触CSS的朋友们阅读并亲自动手实践，具有HTML、XHTML和CSS基本知识但想创建更加完美的网页的设计人员，以及须要创建在各种不同的浏览器之间兼容并都能够达到同样展现效果的CSS专家们作为参考。

图书封面

---

 CSS实战手册（第2版）下载 精选章节试读 更多精彩书评

---