书名：CSS权威指南（第五版）（上、下册）
品牌介绍
中国电力出版社成立于 1951 年，作为中国成立最早的中央科技出版社之一，曾隶属于水利电力部、能源部、电力工业部、国家电力公司，现为国家电网公司所属的科技出版社，在电气技术专业出版领域享有极高的声誉。该社作为以图书出版为主体，音像、电子出版物、期刊、网络出版共同发展的大型出版企业，以强大的出版资源和高素质的专业队伍，致力于向读者提供包括电力工程、电气工程、建筑工程、电子技术、信息技术、外语、大中专教材、家教等学科门类齐全的权威出版物，也竭力为广大师生提供精品教材，是教育部和北京市教委规划教材的出版基地之一。
编辑推荐
编辑推荐
如果你是Web设计师或应用开发者，对复杂的页面样式、改进可访问性以及节省时间和精力感兴趣，决不能错过这本书。这一修订版全面阐述CSS的实现方式，深入分析最新的CSS规范。
本书作者Eric Meyer和Estelle Weyl向你展示如何通过布局、过渡和动画、边框、背景、文本属性，以及许多其他工具和技术来改善用户体验、加快开发速度、避免潜在的错误，为你的应用增光添色。两位作者熟读规范，为你节省了大量时间。
专家推荐
“Estelle和Eric不仅详尽阐述了CSS句法和特性，更提出了实用建议，教你如何融会贯通。无论是初涉CSS的新手、希望重温知识的从业者，还是对最新发展充满好奇的探索者，本书都是权威指南，每个开发人员都值得拥有。”
——Miriam Suzanne
OddBird联合创始人
W3C CSS工作组特邀专家
产品特色
国际公认的HTML、CSS和Web标准领域的专家最新力作。Web布局和内容呈现。
作者介绍
Eric A. Meyer是国际公认的HTML、CSS和Web标准专家，Complex Spiral Consulting公司创始人，微格式运动发起人之一。出版过多本CSS和设计图书。Estelle Weyl是技术作家、开放Web布道师和Web标准专家。她活跃在MDN、Web.Dev、Frontend Masters和IRL等平台，传授前端知识，涵盖CSS、HTML、JavaScript、Web性能和可访问性。
内容介绍
本书的主要内容有：选择符、特指度和层叠（包括层叠层）。CSS值和单位，媒体查询、特性查询和容器查询。字体技术细节，调取各种字体变形。文本样式，涵盖基本的装饰和改变书写模式。内边距、边框、轮廓和外边距，涵盖逻辑方位属性。颜色、背景和渐变（包括锥形渐变）。一目了然的数据表。弹性盒和栅格布局系统（包括子栅格）。二维和三维变形、过渡及动画。滤镜、混合、裁剪和遮罩。
前言
前言
作为Web 设计师或文档编写人员，如果你对丰富的页面样式感兴趣，想改善网站的可访问性，力求节省时间和精力，那么这本书正是为你而写的。阅读本书之前，你只需了解HTML 4.0，知道得越多越好，但这不是强制要求。除此之外，对其他知识没有特别要求。
这是本书第五版，于2022 年年末完稿，尽量展现当下最新的CSS 技术。本书深入说明的CSS 特性是写作本书时得到浏览器广泛支持的，或者是知道在本书出版后不久便会支持的。那些尚在制定中的，或者即将弃用的特性不在讨论之列。
排版约定
本书采用下述排版约定（不过有些例外，详见“取值句法约定”一节）。
斜体（Italic）
表示新术语、URL、电子邮件地址、文件名和扩展名。
等宽字体（Constant width）
表示程序清单，在段落中出现则表示程序元素，例如变量、函数名、数据库、数据类型、环境变量、语句和关键字。
斜体等宽字体（Constant width italic）
表示应该替换成用户提供的值，或者由上下文决定的值。
取值句法约定
本书穿插大量文本框，详细说明某个CSS 属性，其中包括允许取哪些值。这些内容基本上原封不动摘自CSS 规范，不过也会对句法做些说明。
属性允许取的值采用下述句法给出。
取值：#
取值：||取值：?[/]?
取值：[| thick | thin ]{1,4}
取值：[, ]*< 和> 之间的斜体字表示值的类型，或者是引用其他属性的值。例如，font 接受原本属于font-family 属性的值，因此使用 表示。类似地，如果允许使用颜色值，则使用表示。
以等宽字体显示的值是关键字，必须原样编写，不能加引号。正斜线（/）和逗号（,）也必须原样使用。
值的定义有多种组合方式。
• 连在一起只由空格分开的两个或多个关键字，必须以给定的顺序使用。例如，help me 表示属性必须以这样的顺序取值。
• 以竖线分隔的值（X | Y ），必取其中一个值，而且只能取一个。例如，[ X | Y | Z ] 表示可以取X、Y 或Z。
• 两个竖线分隔的值（X || Y）表示既可以取其中一个值，也可以同时取两个值，但是顺序任意。因此，X、Y、X Y 和Y X 都是有效的值。
• 两个&（X && Y）表示必须同时取X 和Y，但是顺序任意。因此，X Y 或Y X 都是有效的值。
• 方括号（[...]）用于分组。例如，[please || help || me] do this 表示please、help 和me 的顺序任意，但是必须出现一次；do this 必须出现，而且必须以指定的顺序。例如：please help me do this，help me please do this，me please help do this。
各部分或方括号分组后面可以跟有下述修饰符中的一个。
• 星号（*） 表示前面的值或方括号分组可以重复零次或多次。因此，bucket* 表示bucket 这个词可以出现任意次，包括零次。可出现的次数没有上限。
• 加号（+）表示前面的值或方括号分组可以重复一次或多次。因此，mop+ 表示mop 这个词至少出现一次，此外还可以出现多次。
• 散列符号（#；以前叫八角帽）表示前面的值或方括号分组可以重复一次或多次，而且多次出现时要以逗号分隔。因此，floor# 可以是floor 或floor,floor, floor 等。这个修饰符最常与方括号分组或值的类型一起使用。
• 问号（?）表示前面的值或方括号分组是可选的。例如，[pine tree]? 表示pine tree 这两个词不是必需的（但是，如果出现，必须以给定的顺序使用）。
• 感叹号（!）表示前面的值或方括号分组是必须的。因此，即使句法看起来与想表达的意思不同，最终必须得到至少一个值。例如，[ what? is?happening? ]! 表示这三个词中至少有一个是可选的。
• 花括号里的一对数（{M,N}）表示前面的值或方括号分组至少重复M 次，最多重复N 次。例如，ha{1,3} 表示ha 可以出现一次、两次或三次。
下面举几个例子。
give || me || liberty
这三个词中至少要使用一个，而且顺序任意。例如，give liberty、give me、liberty me give 和give me liberty 都是有效值。
[ I | am ]? the || walrus
I 和am 只能取其一，不能同时使用，而且可以两个都不用。此外，后面必须跟着the 或walrus，抑或二者同时出现，但顺序不限。因此，可以得到I the walrus、am walrus the、am the、I walrus、walrus the 等。
koo+ ka-choo
一个或多个koo，而且后面必须跟着ka-choo。因此，koo koo ka-choo、koo koo koo ka-choo 和koo ka-choo 都是有效值。理论上，koo 的数量不限，但是实现时往往有上限。
I really{1,4}? [ love | hate ] [ Microsoft | Firefox | Opera | Safari | Chrome ]这句话表达了所有Web 设计师的想法，可以得到I love Firefox、I really love Microsoft 等表达式。really 可以出现0 ～ 4 次，但是之间不用逗号分隔。
此外，还要在love 和hate 之间选一个—— 这其实是一种隐喻。
It's a [ mad ]# world
mad 可以出现任意次（至少一次），之间以逗号分隔。如果只出现一次，不加逗号。因此，It's a mad world和It's a mad, mad, mad, mad, mad world都是有效值。
[[ Alpha || Baker || Cray ], ]{2,3} and Delphi
Alpha、Baker 和Cray 可以出现2 ～ 3 次，而且后面必须跟着and Delphi。
Cray, Alpha, and Delphi 是其中一种情况。注意，这里有逗号，因为逗号在方括号分组内部（有些旧版CSS 使用这种方式指明逗号，而不使用# 修饰符）。
使用代码示例
只要发现这样的图标，就表明有对应的示例代码。线上示例的地址是https://meyerweb.github.io/csstdg5figs。如果阅读本书时使用的设备能联网，可以点击图标直接访问示例代码的线上版本。
用于生成书中所有插图的HTML、CSS 和图像文件可到https://github.com/meyerweb/csstdg5figs 下载。这个仓库的README.md 文件对里面的内容做了详细说明，记得读一下。
对本书的评论或技术疑问，可以发电子邮件到bookquestions@oreilly.com。
本书是要帮你完成工作的。一般来说，如果本书提供了示例代码，你可以把它用在你的程序或文档中。除非你使用了很大一部分代码，否则无须联系我们获得许可。
比如，用本书的几个代码片段写一个程序就无须获得许可。销售或分发O’Reilly 图书的示例需要获得许可，引用本书中的示例代码回答问题无须获得许可，将书中大量的代码放到你的产品文档中需要获得许可。
我们很希望但并不强制要求你在引用本书内容时加上引用说明。引用说明一般包括书名、作者、出版社和ISBN，例如：“CSS: The Definitive Guide by Eric A. Meyer and Estelle Weyl (O’Reilly). Copyright 2023 Eric A. Meyer and Estelle Weyl, 978-1-098-11761-0”。
如果你觉得自己对示例代码的使用超出了上述许可范围，请通过permissions@oreilly.com 与我们联系。
O’Reilly 在线学习平台（O’Reilly Online Learning）
近40 年来，O’Reilly Media 致力于提供技术和商业培训、知识和卓越见解，来帮助众多公司取得成功。
公司独有的专家和改革创新者网络通过O’Reilly 书籍、文章以及在线学习平台，分享他们的专业知识和实践经验。O’Reilly 在线学习平台按照您的需要提供实时培训课程、深入学习渠道、交互式编程环境以及来自O’Reilly 和其他200 多家出版商的大量书籍与视频资料。更多信息，请访问网站：
目录
目录
