CSS3秘笈

作者简介

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

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

书籍目录

前言......................................................................................... 1

第1部分  CSS 基础知识.............................................. 17

第1章  CSS 需要的HTML.......................................................... 19

HTML的过去与现在 .................................................................... 19

为CSS编写HTML ......................................................................... 22

doctype（文档类型）的重要性 ................................................... 34

请确保使用最新版的Internet Explorer ........................................ 36

第2章创建样式和样式表 ......................................................... 41

样式剖析 ....................................................................................... 41

解读样式表 ................................................................................... 45

内部样式表 ................................................................................... 46

外部样式表 ................................................................................... 48

教程：创建第一个样式 ............................................................... 51

第3章选择器：明确设置哪些样式 ............................................ 65

标签选择器：整体控制 ............................................................... 66

类选择器：精确控制 ................................................................... 67

ID选择器：控制特殊的网页元素 ............................................... 71

给标签组定义样式 ....................................................................... 72

给标签内的标签定义样式 ........................................................... 74

伪类和伪元素 ............................................................................... 79

属性选择器 ................................................................................... 84

子选择器 ....................................................................................... 87

同胞选择器 ................................................................................... 92

:not()选择器.................................................................................. 93

教程：选择器模型 ....................................................................... 95

第4章用样式继承节省时间...................................................... 109

什么是继承 ................................................................................... 109

继承如何简化样式表 ................................................................... 111

继承的局限性 ............................................................................... 111

教程：继承 ................................................................................... 113

第5章用层叠管理多样式 ......................................................... 121

样式如何层叠 ............................................................................... 122

用权重值决定哪种样式胜出 ....................................................... 127

控制层叠 ....................................................................................... 131

教程：层叠实例 ........................................................................... 137

第2部分  CSS 实用技术 ............................................. 145

第6章文本格式化.................................................................... 147

使用字体 ....................................................................................... 147

使用Web 字体 ................................................................................ 153

Google的Web 字体探秘 ................................................................ 169

如何给文本添加颜色 ................................................................... 177

如何修改字号 ............................................................................... 182

如何格式化词语和字母 ............................................................... 188

如何给文本添加阴影 ................................................................... 192

如何格式化整个段落 ................................................................... 194

如何给列表定义样式 ................................................................... 201

教程：文本格式化实例 ............................................................... 206

第7章  margin 、padding 和 border ........................................... 221

理解盒模型 ................................................................................... 221

用margin 和padding控制空间 ....................................................... 223

添加边框 ....................................................................................... 232

设置背景色 ................................................................................... 235

创建圆角 ....................................................................................... 236

添加阴影 ....................................................................................... 240

确定高度和宽度 ........................................................................... 243

用浮动元素包围内容 ................................................................... 250

教程：margin、background 和 border......................................... 255

第8章给网页添加图片............................................................. 269

CSS 和标签 ........................................................................ 269

添加背景图片 ............................................................................... 270

控制重复 ....................................................................................... 276

定位背景图片 ............................................................................... 277

利用 background 快捷属性.......................................................... 287

使用多个背景图片 ....................................................................... 289

使用渐变色背景 ........................................................................... 293

用Colorzilla轻松创建渐变 ........................................................... 303

教程：美化图片 ........................................................................... 306

教程：创建相册 ........................................................................... 312

教程：使用背景图片 ................................................................... 317

第9章装饰网站导航................................................................ 329

选择要定义样式的链接 ............................................................... 329

给链接定义样式 ........................................................................... 333

创建导航栏 ................................................................................... 341

CSS 式的预载替换法 ................................................................... 352

给特殊的链接类型定义样式 ....................................................... 354

教程：给链接定义样式 ............................................................... 357

教程：创建导航栏 ....................................................................... 363

第10章 CSS的transform、transition和animation属性............... 375

transform属性................................................................................ 375

transition ........................................................................................ 387

animation ....................................................................................... 395

教程 ............................................................................................... 409

第1章表格和表单的格式化 .................................................... 419

让表格专司其职 ........................................................................... 419

给表格定义样式 ........................................................................... 422

给表单定义样式 ........................................................................... 429

教程：给表格定义样式 ............................................................... 437

教程：给表单定义样式 ............................................................... 442

第3部分 CSS页面布局.............................................. 449

第12章 CSS 布局简介 ............................................................. 451

网页布局的类型 ........................................................................... 451

如何进行CSS布局 ........................................................................ 454

布局策略 ....................................................................................... 458

第13章构建基于浮动的布局.................................................... 465

用浮动进行布局 ........................................................................... 469

克服浮动问题 ............................................................................... 474

教程：多列的布局 ....................................................................... 490

第14章响应式Web设计........................................................... 503

响应式Web设计基础知识 ............................................................ 504

为RWD构建网页 .......................................................................... 505

媒体查询 ....................................................................................... 507

弹性网格 ....................................................................................... 516

流式图片 ....................................................................................... 522

响应式Web设计教程.................................................................... 526

第15章定位网页上的元素........................................................ 541

定位属性的功能 ........................................................................... 541

强大的定位策略 ........................................................................... 556

教程：定位网页元素 ................................................................... 561

第4部分 CSS高级技术............................................. 571

第16章设计打印页面的CSS技术............................................ 573

Media样式表的作用..................................................................... 573

如何添加 Media 样式表............................................................... 576

创建打印样式表 ........................................................................... 577

教程：创建打印样式表 ............................................................... 586

第17章改正CSS 设计习惯 ....................................................... 595

添加注释 ....................................................................................... 595

组织样式和样式表 ....................................................................... 596

消除浏览器的样式冲突 ............................................................... 605

使用派生选择器 ........................................................................... 609

给Internet Explorer尝试不同的CSS ............................................. 616

第5部分附录 ............................................................ 619

附录A CSS 属性参考 ............................................................... 621

CSS 值 ........................................................................................... 621

文本属性 ....................................................................................... 626

列表属性 ....................................................................................... 632

padding、border和margin ............................................................. 634

背景 ............................................................................................... 641

网页的排版属性 ........................................................................... 645

animation、transform和transition属性 ......................................... 653

表格属性 ....................................................................................... 659

其他属性 ....................................................................................... 661

附录B CSS 资源....................................................................... 665

参考资源 ....................................................................................... 665

CSS 帮助 ....................................................................................... 666

CSS提示、技巧和建议 ................................................................ 667

CSS导航 ........................................................................................ 667

CSS 布局 ....................................................................................... 668

展示网站 ....................................................................................... 670

CSS书籍 ........................................................................................ 671

CSS软件 ........................................................................................ 671

内容概要

作者：David Sawyer McFarland

Sawyer McFarland Media公司董事长，为Macworld.com和UC Berkeley以及其它客户创建和管理Web站点已经有15年了。同时，他也是一位教员，David编写过畅销的Dreamweaver、CSS和JavaScript实战手册。

译者：俞黎敏

2008年7月1日加入国际商业机器（中国）有限公司广州分公司（IBM广州），担任软件部高级信息工程师、资深技术顾问，主要负责IBM WebSphere系列产品以及云计算、物联网相关的技术支持工作，专注于产品新特性、系统性能调优、疑难问题诊断与解决。开源爱好者，曾经参与Spring中文论坛组织“Spring 2.0 Reference”中文翻译的一审与二审工作，“满江红开放技术研究组织”的“Seam 1.2.1 Reference”中文翻译工作，并组织和完成“Seam 2.0 Reference”中文翻译工作。利用业余时间担任CSDN、CJSDN、Dev2Dev、Matrix、JavaWorldTW、Spring中文、WebSphereChina.net等Java论坛版主，在各大技术社区推动开源和敏捷开发做出了积极的贡献。参与审校与翻译的书籍有《Ajax设计模式》、《CSS实战手册》、《Hibernate实战》（第二版）、《Java脚本编程》、《Effective Java中文版》第2版、《Spring攻略》、《Seam实战》、《CSS实战手册》（第二版）、REST实战（中文版）、《Java 7程序设计》、《Servlet和JSP学习指南》、《Java 7并发编程实战手册》等。

 CSS3秘笈下载