《CSS 权威指南（第五版，上/下册）》—

CSS 权威指南（第五版，上/下册）

安道译

出版时间：2026年05月

“Estelle和Eric不仅详尽阐述了CSS句法和特性，更提出了实用建议，教你如何融会贯通。无论是初涉CSS的新手、希望重温知识的从业者，还是对最新发展充满好奇的探索者，本书都是权威指南，每个开发人员都值得拥有。”
——Miriam Suzanne
OddBird联合创始人
W3C CSS工作组特邀专家

如果你是Web设计师或应用开发者，对复杂的页面样式、改进可访问性以及节省时间和精力感兴趣，决不能错过这本书。这一修订版全面阐述CSS的实现方式，深入分析最新的CSS规范。
本书作者Eric Meyer和Estelle Weyl向你展示如何通过布局、过渡和动画、边框、背景、文本属性，以及许多其他工具和技术来改善用户体验、加快开发速度、避免潜在的错误，为你的应用增光添色。两位作者熟读规范，为你节省了大量时间。
本书主要内容：
● 选择符、特指度和层叠（包括层叠层）。
● CSS值和单位，媒体查询、特性查询和容器查询。
● 字体技术细节，调取各种字体变形。
● 文本样式，涵盖基本的装饰和改变书写模式。
● 内边距、边框、轮廓和外边距，涵盖逻辑方位属性。
● 颜色、背景和渐变（包括锥形渐变）。
● 一目了然的数据表。
● 弹性盒和栅格布局系统（包括子栅格）。
● 二维和三维变形、过渡及动画。
● 滤镜、混合、裁剪和遮罩。

目录
产品信息
关于作者
封面介绍

前言
第1章 CSS基础知识
1.1 （Web）样式简史
1.2 样式表中的内容
1.2.1 规则的结构
1.2.2 厂商前缀
1.2.3 处理空白
1.2.4 CSS注释
1.2.5 标记
1.3 元素
1.3.1 置换元素和非置换元素
1.3.2 元素的显示格式
1.4 把CSS应用到HTML上
1.4.1 <link>标签
1.4.2 <style>元素
1.4.3 @import指令
1.4.4 HTTP链接
1.4.5 行内样式
1.5 小结
第2章选择符
2.1 样式的基本规则
2.2 类型选择符
2.3 组合
2.3.1 组合选择符
2.3.2 组合声明
2.3.3 二者结合
2.4 类选择符和ID选择符
2.4.1 类选择符
2.4.2 多个类
2.4.3 ID选择符
2.4.4 在类选择符和ID选择符之间选择
2.5 属性选择符
2.5.1 简单属性选择符
2.5.2 根据属性值精准选择
2.5.3 根据部分属性值选择
2.5.4 不区分大小写的标识符
2.6 根据文档结构选择
2.6.1 理解父子关系
2.6.2 定义后代选择符
2.6.3 选择子元素
2.6.4 选择紧邻同辈元素
2.6.5 选择后续同辈
2.7 小结
第3章伪类和伪元素选择符
3.1 伪类选择符
3.1.1 拼接伪类
3.1.2 结构伪类
3.1.3 位置伪类
3.1.4 用户操作伪类
3.1.5 UI状态伪类
3.1.6 :lang()和:dir()伪类
3.1.7 逻辑伪类
3.1.8 :has()伪类
3.1.9 其他伪类
3.2 伪元素选择符
3.2.1 装饰首字母
3.2.2 装饰首行
3.2.3 ::first-letter和::first-line的限制
3.2.4 占位文本伪元素
3.2.5 表单按钮伪元素
3.2.6 元素前后的生成内容
3.2.7 高亮显示伪元素
3.2.8 背着物伪元素
3.2.9 视频提示词伪元素
3.3 影子伪类和影子伪元素
3.3.1 影子伪类
3.3.2 影子伪元素
3.4 小结
第4章特指度、继承和层叠
4.1 特指度
4.1.1 声明的特指度
4.1.2 解决多个匹配
4.1.3 零特指度选择符
4.1.4 ID和属性选择符的特指度
4.1.5 重要性
4.2 继承
4.3 层叠
4.3.1 按重要性和来源排序
4.3.2 按是否依附元素排序
4.3.3 按层叠层排序
4.3.4 按特指度排序
4.3.5 按前后位置排序
4.3.6 使用CSS之外的表现提示
4.4 小结
第5章值和单位
5.1 关键字、字符串和其他文本值
5.1.1 关键字
5.1.2 all属性
5.1.3 字符串
5.1.4 标识符
5.1.5 URL
5.1.6 图像
5.2 数字和百分数
5.2.1 整数
5.2.2 数字
5.2.3 百分数
5.2.4 弹性值
5.3 距离
5.3.1 绝对长度单位
5.3.2 分辨率单位
5.3.3 相对长度单位
5.3.4 相对根元素的长度单位
5.4 视区相关的单位
5.5 函数值
5.5.1 计算值
5.5.2 最大值
5.5.3 最小值
5.5.4 钳位值
5.5.5 属性值
5.6 颜色
5.6.1 具名颜色
5.6.2 颜色关键字
5.6.3 RGB和RGBa颜色
5.6.4 HSL和HSLa颜色
5.6.5 HWB颜色
5.6.6 Lab颜色
5.6.7 LCH颜色
5.6.8 Oklab和Oklch
5.6.9 使用color()
5.6.10 使用颜色
5.6.11 对表单元素的影响
5.6.12 继承颜色
5.7 角度
5.8 时间和频率
5.9 比例
5.10 位置
5.11 自定义属性
5.12 小结
第6章视觉格式化基础
6.1 元素框基础
6.1.1 快速入门
6.1.2 容纳块
6.2 调整元素的显示方式
6.2.1 改变显示方式
6.2.2 处理块级框
6.3 元素的逻辑尺寸
6.3.1 基于内容的尺寸值
6.3.2 最小和最大逻辑尺寸
6.3.3 高度和宽度
6.4 更改块向尺寸的基准
6.5 块向轴相关属性
6.5.1 自动调整块向尺寸
6.5.2 百分数高度
6.5.3 处理内容溢出
6.5.4 负外边距和折叠
6.5.5 折叠块向轴外边距
6.6 行向轴格式
6.6.1 行向轴相关属性
6.6.2 使用auto
6.6.3 负外边距
6.6.4 百分数
6.6.5 置换元素
6.6.6 列表项目
6.7 根据宽高比调整框体尺寸
6.8 行内格式
6.8.1 行布局
6.8.2 基本术语和概念
6.8.3 行高
6.8.4 行内非置换元素
6.8.5 行框的构成
6.8.6 设置纵向对齐方式
6.8.7 控制行高
6.8.8 为非置换元素添加盒模型属性
6.8.9 改变断行行为
6.8.10 字形与内容区
6.8.11 行内置换元素
6.8.12 为置换元素添加盒模型属性
6.8.13 置换元素与基线
6.8.14 行内块级元素
6.8.15 流动显示方式
6.8.16 contents显示方式
6.8.17 display的其他值
6.9 元素的可见性
6.10 小结
第7章内边距、边框、轮廓和外边距
7.1 基本元素框
7.2 内边距
7.2.1 复值
7.2.2 单边内边距
7.2.3 逻辑方位内边距
7.2.4 内边距的百分数值
7.2.5 行内元素的内边距
7.2.6 置换元素的内边距
7.3 边框
7.3.1 边框式样
7.3.2 边框宽度
7.3.3 边框颜色
7.3.4 单边边框的简写属性
7.3.5 整个边框
7.3.6 行内元素的边框
7.3.7 圆角边框
7.3.8 图像边框
7.4 轮廓
7.4.1 轮廓式样
7.4.2 轮廓宽度
7.4.3 轮廓颜色
7.4.4 轮廓与边框的区别
7.5 外边距
7.5.1 外边距的长度值
7.5.2 外边距的百分数值
7.5.3 单边外边距属性
7.5.4 外边距折叠
7.5.5 负外边距
7.5.6 行内元素的外边距
7.6 小结
第8章背景
8.1 设置背景色
8.1.1 显式设置透明背景
8.1.2 背景与颜色组合效果
8.2 裁剪背景
8.3 设置背景图
8.3.1 使用一个图像
8.3.2 理解背景为什么不继承
8.3.3 关于背景的良好实践
8.3.4 定位背景图
8.3.5 背景重复方式（或不重复）
8.3.6 背景黏附
8.3.7 控制背景图的尺寸
8.3.8 写成一个属性
8.3.9 设置多个背景
8.3.10 使用简写的背景属性
8.4 创建框体投影
8.5 小结
第9章渐变
9.1 线性渐变
9.1.1 设置渐变颜色
9.1.2 定位色标
9.1.3 设置中色点
9.1.4 梯度线剖析
9.1.5 循环线性渐变
9.2 径向渐变
9.2.1 设置形状和尺寸
9.2.2 定位径向渐变
9.2.3 径向渐变的色标和梯度射线
9.2.4 处理极端情况
9.2.5 循环径向渐变
9.3 锥形渐变
9.3.1 设置色标
9.3.2 循环锥形渐变
9.4 处理渐变图像
9.4.1 创建特效
9.4.2 触发渐变的中色
9.5 小结
第10章浮动和定位
10.1 浮动
10.1.1 浮动的元素
10.1.2 浮动详解
10.1.3 具体行为
10.1.4 浮动元素与内容重叠
10.2 清除浮动
10.3 定位
10.3.1 定位的类型
10.3.2 容纳块
10.3.3 偏移属性
10.3.4 简写的内凹属性
10.3.5 设定宽度和高度
10.3.6 限制宽度和高度
10.4 绝对定位
10.4.1 绝对定位元素的容纳块
10.4.2 绝对定位元素的位置和尺寸
10.4.3 自动确定边界的位置
10.4.4 非置换元素的位置和尺寸
10.4.5 置换元素的位置和尺寸
10.4.6 z轴上的位置
10.5 固定定位
10.6 相对定位
10.7 黏滞定位
10.8 小结
第11章弹性盒布局
11.1 弹性盒基础
11.2 弹性容器
11.2.1 使用flex-direction属性
11.2.2 处理其他书写方向
11.2.3 弹性项目换行
11.2.4 定义弹性流
11.2.5 深入理解各种轴
11.3 排列弹性项目
11.4 弹性项目的对齐方式
11.4.1 justify-content属性
11.4.2 align-items属性
11.4.3 align-content属性
11.4.4 place-content属性
11.5 在弹性项目之间添加间隙
11.6 弹性项目
11.6.1 什么是弹性项目
11.6.2 弹性项目的特性
11.6.3 绝对定位
11.6.4 最小宽度
11.7 适用于弹性项目的属性
11.7.1 flex属性
11.7.2 flex-grow属性
11.7.3 在flex属性中设定增长因子
11.7.4 flex-shrink属性
11.7.5 flex-basis属性
11.7.6 flex简写属性
11.8 order属性
11.9 小结
第12章栅格布局
12.1 创建栅格容器
12.2 理解基本的栅格术语
12.3 创建栅格线
12.3.1 使用宽度固定的栅格轨道
12.3.2 使用弹性栅格轨道
12.3.3 根据轨道中的内容适配
12.3.4 重复栅格轨道
12.3.5 定义栅格区域
12.4 把元素放入栅格
12.4.1 使用列线和行线
12.4.2 使用行和列的简写属性
12.4.3 处理隐式栅格
12.4.4 处理错误
12.4.5 使用区域
12.4.6 理解栅格项目重叠
12.5 指定栅格流
12.6 定义自动栅格轨道
12.7 使用grid简写属性
12.8 使用子栅格
12.8.1 显式定义轨道
12.8.2 处理偏移
12.8.3 为子栅格线命名
12.8.4 为子栅格添加间隙
12.9 栅格项目与盒模型
12.10 在栅格中设置对齐方式
12.10.1 纵向对齐和横向对齐单个项目
12.10.2 纵向对齐和横向对齐全部项目
12.10.3 分布栅格项目和轨道
12.11 分层和排序
12.12 小结
第13章 CSS表格布局
13.1 表格格式化
13.1.1 表格的视觉排布
13.1.2 表格排布规则
13.1.3 设置表格显示方式的值
13.1.4 插入匿名表格对象
13.1.5 表格中的层
13.1.6 表题
13.2 单元格的边框
13.2.1 单元格的分离边框
13.2.2 单元格的折叠边框
13.3 表格的尺寸
13.3.1 宽度
13.3.2 高度
13.3.3 对齐方式
13.4 小结
第14章字体
14.1 字体族
14.1.1 使用通用字体族
14.1.2 使用引号
14.2 使用自定义字体
14.2.1 使用字型描述符
14.2.2 限制字符范围
14.2.3 解决字体显示问题
14.2.4 组合描述符
14.3 字重
14.3.1 字重处理机制
14.3.2 font-weight描述符
14.4 字号
14.4.1 使用绝对大小
14.4.2 使用相对大小
14.4.3 使用百分数
14.4.4 自动调整字号
14.5 字形
14.6 字体拉伸
14.7 字体合成
14.8 字体变形
14.8.1 大写变形
14.8.2 数字变形
14.8.3 连字变形
14.8.4 替代变形
14.8.5 东亚字体变形
14.8.6 变形位置
14.9 字体特性设置
14.10 字体变形设置
14.11 字体的光学尺寸
14.12 起覆盖作用的描述符
14.13 字距调整
14.14 font属性
14.14.1 font属性的局限性
14.14.2 加入行高
14.14.3 正确使用简写属性
14.14.4 使用系统字体
14.15 字体匹配机制
14.16 小结
第15章文本属性
15.1 缩进和行内对齐
15.1.1 缩进文本
15.1.2 对齐文本
15.1.3 对齐最后一行
15.1.4 单词间距
15.1.5 字符间距
15.1.6 对齐方式对间距的影响
15.2 纵向对齐
15.2.1 调整行的高度
15.2.2 纵向对齐文本
15.3 文本转换
15.4 文本装饰线
15.4.1 设置文本装饰线的位置
15.4.2 设置文本装饰线的颜色
15.4.3 设置文本装饰线的粗细
15.4.4 设置文本装饰线的式样
15.4.5 使用文本装饰线简写属性
15.4.6 偏移下划线
15.4.7 跳墨
15.4.8 怪异的装饰线
15.5 文本渲染效果
15.6 文本投影
15.7 文本强调
15.7.1 设置强调式样
15.7.2 改变强调颜色
15.7.3 放置强调标记
15.7.4 使用text-emphasis简写属性
15.7.5 设置文本绘制顺序
15.8 空白
15.9 换行和断字
15.9.1 断字
15.9.2 分词
15.9.3 换行
15.9.4 文本换行
15.10 书写模式
15.10.1 设定书写模式
15.10.2 改变文本方向
15.10.3 组合字符
15.10.4 声明方向
15.11 小结
第16章列表和生成的内容
16.1 列表
16.1.1 列表的类型
16.1.2 列表项目图像
16.1.3 列表记号的位置
16.1.4 列表样式的简写属性
16.1.5 列表的布局
16.1.6 ::marker伪元素
16.2 生成的内容
16.2.1 插入生成的内容
16.2.2 指定内容
16.2.3 定义计数器
16.3 定义计数模式
16.3.1 固定计数模式
16.3.2 循环计数模式
16.3.3 符号计数模式
16.3.4 字母计数模式
16.3.5 数字计数模式
16.3.6 累加计数模式
16.3.7 扩展计数模式
16.3.8 发音计数模式
16.4 小结
第17章变形
17.1 坐标系
17.2 变形
17.3 变形函数
17.3.1 平移
17.3.2 缩放
17.3.3 旋转元素
17.3.4 单独变形属性的顺序
17.3.5 倾斜
17.3.6 矩阵函数
17.3.7 设置元素透视
17.4 其他变形属性
17.4.1 移动变形的原点
17.4.2 选择变形框
17.4.3 选择三维变形方式
17.4.4 修改透视
17.4.5 处理背面
17.5 小结
第18章过渡
18.1 CSS过渡
18.2 定义过渡的属性
18.2.1 限制受过渡影响的属性
18.2.2 设置过渡持续时间
18.2.3 调整过渡的内部时序
18.2.4 延迟过渡
18.2.5 使用transition简写属性
18.2.6 逆转中断的过渡
18.3 支持动画的属性和值
18.3.1 属性值的内插方式
18.3.2 内插重复的值
18.4 打印过渡效果
18.5 小结
第19章动画
19.1 顾及癫痫和前庭障碍
19.2 定义关键帧
19.3 设置关键帧动画
19.4 定义关键帧选择符
19.4.1 省略from和to值
19.4.2 重复关键帧属性
19.4.3 支持动画的属性
19.4.4 不支持动画但不被忽略的属性
19.4.5 通过脚本编辑关键帧动画
19.5 把动画应用到元素上
19.5.1 指定动画的名称
19.5.2 定义动画的时长
19.5.3 声明动画的迭代次数
19.5.4 设置动画的播放方向
19.5.5 延迟播放动画
19.5.6 动画事件
19.5.7 改变动画的内部时序
19.5.8 设置动画的播放状态
19.5.9 动画的填充模式
19.6 写为一个属性
19.7 动画的特指度和优先顺序
19.7.1 特指度和!important
19.7.2 display: none;对动画迭代的影响
19.7.3 动画和UI线程
19.8 will-change属性
19.9 打印动画效果
19.10 小结
第20章滤镜、混合、裁剪和遮罩
20.1 CSS滤镜
20.1.1 基本滤镜
20.1.2 颜色滤镜
20.1.3 亮度、对比度和饱和度
20.1.4 SVG滤镜
20.2 合成和混合
20.2.1 混合元素
20.2.2 与背景混合
20.2.3 独立混合
20.3 容器元素
20.4 浮动形状
20.4.1 利用图像透明度定义形状
20.4.2 使用内凹形状
20.4.3 为形状添加外边距
20.5 裁剪和遮罩
20.5.1 裁剪
20.5.2 裁剪形状
20.5.3 裁剪框
20.5.4 使用SVG路径裁剪
20.6 蒙版
20.6.1 定义蒙版
20.6.2 改变蒙版模式
20.6.3 调整蒙版的尺寸和重复方式
20.6.4 定位蒙版
20.6.5 裁剪和合成蒙版
20.6.6 写为一个属性
20.6.7 设置蒙版类型
20.6.8 遮罩边框图像
20.7 对象填充和定位
20.8 小结
第21章 CSS @规则
21.1 媒体查询
21.1.1 基本的媒体查询
21.1.2 复杂的媒体查询
21.1.3 特殊类型的值
21.1.4 媒体特性关键字
21.1.5 强制颜色、对比度和显示模式
21.1.6 范围类媒体特性
21.1.7 弃用的媒体特性
21.1.8 响应式设计
21.2 分页媒体
21.2.1 印刷样式
21.2.2 屏幕与印刷品的区别
21.2.3 页面尺寸
21.2.4 页面的外边距和内边距
21.2.5 具名页面类型
21.2.6 分页
21.2.7 孤行和寡行
21.2.8 分页行为
21.2.9 重复出现的元素
21.2.10 位于页面之外的元素
21.3 容器查询
21.3.1 定义容器类型
21.3.2 定义容器名称
21.3.3 使用container简写属性
21.3.4 使用@container规则
21.3.5 定义容器查询特性
21.3.6 设置容器长度单位
21.4 特性查询（@supports）
21.5 其他@规则
21.5.1 定义样式表的字符集
21.5.2 定义选择符的命名空间
21.6 小结
附录参考资料
作者介绍
封面介绍

书名：CSS 权威指南（第五版，上/下册）

作者：Eric A. Meyer, Estelle Weyl 著

译者：安道译

国内出版社：中国电力出版社

出版时间：2026年05月

书号：978-7-5239-1074-0

原版书书名：CSS: The Definitive Guide, 5e

原版书出版商：O'Reilly Media

Eric A. Meyer

Eric A. Meyer是国际公认的HTML、CSS和Web标准专家，Complex Spiral Consulting公司创始人，微格式运动发起人之一。出版过多本CSS和设计图书。

查看Eric A. Meyer更多信息

Estelle Weyl

Estelle Weyl，是一位前端工程师，自从1999年起就开发基于标准的无障碍网站。

Estelle Weyl是技术作家、开放Web布道师和Web标准专家。她活跃在MDN、Web.Dev、Frontend Masters和IRL等平台，传授前端知识，涵盖CSS、HTML、JavaScript、Web性能和可访问性。

查看Estelle Weyl更多信息

本书封面上的动物是一只鲑鱼（学名：salmonidae），这是一个鱼科的名称，包括多个种。最常见的鲑鱼有两种：太平洋鲑鱼和大西洋鲑鱼。
太平洋鲑鱼生活在北美和亚洲沿岸的北太平洋。太平洋鲑鱼有五个亚种，平均体重10到30磅。秋天，太平洋鲑鱼在淡水溪流砾石层中产卵，在漫长的冬季孵化，一直长到一英寸长。幼鱼在溪流或湖泊中生活一两年，然后顺流直下，进入海洋。鲑鱼在大洋中生活几年之后，洄游到出生地，产卵后死去。
大西洋鲑鱼生活在北美和欧洲沿岸的北大西洋。大西洋鲑鱼有许多亚种，包括鳟鱼和鳕鱼。这种鲑鱼平均体重10到20磅。大西洋鲑鱼的生命周期与太平洋鲑鱼相似，也从淡水砾石层迁徙到海洋。然而，两者之间的一个主要区别是，大西洋鲑鱼产卵后不死亡，而是返回海洋，然后再回到溪流产卵，通常可以持续两三次。
一般来说，鲑鱼体态优美，呈银色，背部和鳍上有斑点。它们的食物包括浮游生物、昆虫幼虫、虾和小鱼。它们的嗅觉异常敏锐，从海洋逆流而上，历经险阻游回出生地靠的就是嗅觉。有些种类的鲑鱼生活在内陆淡水中。
鲑鱼是生态系统的重要组成部分，腐烂后的身体能为河床提供肥料。然而，近些年，鲑鱼的数量不断减少。鲑鱼数量下降的原因包括栖息地破坏、捕捞、阻塞产卵路径的水坝、酸雨、干旱、洪水和污染。

购买选项

定价：198.00元

书号：978-7-5239-1074-0

出版社：中国电力出版社

联系出版社邮购