CSS速查手册（第五版）

本书简要介绍CSS的若干重要概念，并按字母顺序逐一总结CSS选择器和属性。本书还介绍了几种新属性：网格、弹性盒子、裁剪、遮罩和合成。

l 快速找到所需信息。

l 探索CSS概念、属性值、选择器和查询以及属性。

l 学习新特性，完善和拓展你的CSS技能。

l 介绍动画、网格、弹性盒子、遮罩、滤镜、合成等新属性。

Eric A. Meyer是国际公认的HTML、CSS和Web标准专家、作家和讲师。他是Complex Spiral Consulting的创始人、Rebecca’s Gift公司的CTO和An Event Apart大会的发起人。他编写了多本CSS书籍，还负责协调编写和创建W3C官方CSS测试套件

层叠样式表（CSS）是万维网联盟（World Wide Web Consortium，W3C）制定的网页视觉呈现标准（尽管还可用于其他场景）。这本速查手册先简要介绍CSS的核心概念，接着给出所有CSS3选择器的指南，最后附上CSS3属性参考，选择器和属性按英文字母顺序排列，方便查阅。

排版约定

本书排版遵循以下约定：

斜体（Italic）

表示新术语、URL、文件名、文件扩展名、目录、命令和选项、程序名。

例如，文件系统中的一条路径，其样式如下：C:windowssystem。

斜体且置于尖括号中

表示应该由用户输入的值或根据上下文确定的值替换的文本。

等宽字体（constant width）

表示文件内容或某命令的输出。

属性值语法的更多排版约定，请见第4章开头。

使用代码示例

本书是为了帮你完成工作。一般来讲，书中的示例代码，你用于自己的项目和文档，无需联系以征求我们许可，但大量复制代码另议。例如，编写的程序使用书中多处代码，无需我们授权，但出售或传播用O’Reilly图书示例代码制作的CD-ROM光盘，则需我们授权。引用本书内容回答问题，或引用示例代码无需授权，但在你的产品文档中大量使用本书示例代码，则需经我们授权。

如能添加内容的出处，我们将非常感激，当然这不是必须的。出处通常要标明书名、作者、出版社和ISBN。例如：“CSS Pocket Reference,5th Edition, by Eric A. Meyer (O’Reilly). Copyright 2018 O’Reilly Media,Inc.,978-1-492-03339-4”。如果你觉得示例代码的使用方式可能不当或超出上述许可范围，请联系我们，邮箱是[email protected]。

O’Reilly Safari

Safari（前身为Safari Books Online）是面向企业、政府、教育从业者和个人的会员制培训和参考平台。

我们向会员开放数以千计的图书，以及培训视频、学习路线、交互式教程和专业视频。这些资源来自250多家出版机构，其中包括O’ReillyMedia、Harvard Business Review、Prentice Hall Professional、AddisonWesley Professional、Microsoft Press、Sams、Que、Peachpit Press、Adobe、Focal Press、Cisco Press、John Wiley & Sons、Syngress、Morgan Kaufmann、IBM Redbooks、Packt、Adobe Press、FT Press、Apress、Manning、New Riders、McGraw-Hill、Jones & Bartlett和Course Technology。

更多信息，请访问http://oreilly.com/safari。

联系我们

作者Eric A. Meyer的网站是http://meyerweb.com/，Twitter账号是@meyerweb。

请将你对本书的评价和问题发给出版社：

美国：

O’Reilly Media,Inc.

1005 Gravenstein Highway North

Sebastopol, CA 95472

中国：

北京市西城区西直门南大街2号成铭大厦C座807室（100035）

奥莱利技术咨询（北京）有限公司

我们为本书做了一个网页，将勘误信息、示例代码和其他附加信息列在上面。地址是http://shop.oreilly.com/product/0636920146353.do。

对本书的评论或技术性问题，请发电子邮件至：[email protected]。

要了解更多O’Reilly图书、培训课程、会议和新闻相关信息，请访问以下网站：http://www.oreilly.com。

我们的Facebook：http://facebook.com/oreilly。

我们的Twitter：http://twitter.com/oreillymedia。

我们的YouTube：http://www.youtube.com/oreillymedia。

前言 1

第1章 基本概念 5

HTML文档添加样式 5

规则的结构 9

@规则 10

注释 11

样式优先级 12

元素分类14

元素显示规则 15

基本可视化布局 17

浮动 21

定位 21

弹性盒布局 23

网格布局25

表格布局30

第2章 属性值 37

关键字 37

color属性值 38

数字属性值 41

百分比属性值 41

长度属性值 41

份数值 44

URI 45

角度 45

时间 45

频率 45

位置 46

字符串 46

标识符 46

属性值 47

计算值 47

变量值 48

第3章 选择器和媒体查询 49

选择器 49

结构性伪类 54

否定伪类59

交互伪类60

伪元素 63

媒体查询64

特性查询70

第4章 属性参考 71

继承和动画 71

属性值语法规范 71

通用属性值 73

属性 73