标签
内容简介
《CSS设计指南（第3版）》是英国作者 Charles Wyke-Smith 所著《Stylin' with CSS: A Designer's Guide》第3版的中文译本，由李松峰翻译，2013 年 5 月由人民邮电出版社作为「图灵程序设计丛书」之一出版。全书共 8 章，另有附录与索引：前 4 章奠定基础，依次讲 HTML 标记与文档结构、CSS 的工作原理（规则与声明、上下文选择符、ID 与类、属性选择符、伪类与伪元素、继承、层叠与特指度）、定位元素（盒模型、浮动与清除、四种定位、display 属性、背景与 CSS3 多背景和渐变）、字体和文本（字体族与字号、文本属性、Web 字体与 @font-face、网格排版与经典排版练习）。后 4 章面向实战：页面布局（三栏固定宽度、中栏流动、多行多栏）、界面组件（纵向/横向/下拉导航菜单、表单与搜索表单、弹出层与 z-index、CSS 三角形）、CSS3 综合实战（用一份完整页面演示页眉、专题区、图书区、页脚的搭建），最后以响应式设计收尾，讲解媒体查询、断点设置、视口标签以及针对平板和手机的布局优化。全书按技术主题分类，以实例辅助讲解，配有大量图示，面向初中级读者，也被不少读者当作系统梳理 CSS 基础概念的常备参考书。
编辑推荐
很多 CSS 书要么沦为速查手册，要么只会抄一遍 API；这本《CSS设计指南》难得地把「为什么这样写」讲清楚了。作者 Charles Wyke-Smith 长期从事设计与前端工作，写作时坚持先解释机制再给代码：盒模型、浮动、定位上下文、层叠与特指度这些最容易含糊过去的点，都能看到清晰的图解和可复现的小例子。第 3 版的更新幅度不小，全书贯穿 HTML5 与 CSS3，圆角、阴影、渐变、多背景、@font-face、媒体查询与响应式布局都有专章或专节演示，而第 7 章用一份完整页面把前面所有技巧串起来，读者能看清真实项目里样式如何一层层组织。译者李松峰是资深技术译者，「图灵程序设计丛书」版本的译文表达流畅、术语统一，几乎读不出翻译腔。需要提醒的是，本书定稿于 2012—2013 年前后的技术环境，浮动布局、CSS3 单元格、浏览器前缀等内容已不算当代最佳实践，Flexbox、Grid、现代组件化方案都未涉及。但这恰恰不影响它的价值：层叠、特指度、盒模型、定位这些底层知识十几年没有变，把这本读完再学新特性，会少走很多弯路。适合作为案头常翻的第一本系统 CSS 教材，也适合老手用来查漏补缺。
适合谁读
适合
- 有 HTML 基础、想系统掌握 CSS 概念与布局的初中级前端学习者。
- 从视觉设计、切图岗位转向编写样式代码的设计师。
- 愿意补齐盒模型、层叠、定位等基础短板的一线前端开发。
- 需要为课堂或培训班准备 CSS 教学材料的教师与讲师。
不适合
- 已在使用 Flexbox、Grid 与组件化框架，只想查现代 API 的资深开发者。
- 希望找一本即查即用的 CSS 属性速查手册的人。
- 完全没接触过 HTML 和网页、需要零起点综合入门的读者。
阅读建议
- 按章节顺序读，第 2、3 章（层叠与定位）务必配合例子上机敲一遍。
- 第 7 章的完整案例建议先自己写一遍，再对照书中的实现复盘差异。
- 读第 8 章响应式设计时，用浏览器 DevTools 切换设备模式实测各类断点效果。
- 遇到浮动布局篇幅时可快速通读，把精力留给定高、定位与层叠等不过时的概念。
出版社简介
人民邮电出版社
中国 · 成立于 1953 年
人民邮电出版社以科技、计算机与信息通信类图书见长，并由此延伸至摄影、艺术、软件学习与励志成长等门类，形成较为多元的出版方向。库内图书既涵盖《重构与模式（修订版）》《华为交换机学习指南（第二版）》等计算机与通信技术读物，也收录《小王子（中英法彩绘典藏纪念版）》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品；《北京十年：1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。
目录
- 第1章 HTML标记与文档结构
- 1.1 HTML标记基础（闭合标签、自闭合标签、属性、标题与段落、复合元素、嵌套标签）
- 1.2 HTML文档剖析（HTML模板、块级元素和行内元素、嵌套的元素）
- 1.3 文档对象模型
- 1.4 小结
- 第2章 CSS工作原理
- 2.1 剖析CSS规则（含CSS规则命名惯例）
- 2.2 上下文选择符
- 2.3 特殊的上下文选择符（子选择符、紧邻同胞选择符、一般同胞选择符、通用选择符）
- 2.4 ID和类选择符（类属性、ID属性、什么时候用ID什么时候用类）
- 2.5 属性选择符（属性名选择符、属性值选择符）
- 2.6 伪类（UI伪类、结构化伪类）
- 2.7 伪元素
- 2.8 继承
- 2.9 层叠（样式来源、层叠规则、计算特指度）
- 2.10 规则声明（文本值、数字值、颜色值）
- 2.11 小结
- 第3章 定位元素
- 3.1 理解盒模型（边框、内边距、外边距、叠加外边距、外边距的单位）
- 3.2 盒子有多大
- 3.3 浮动与清除（浮动、围住浮动元素的三种方法）
- 3.4 定位（静态、相对、绝对、固定定位、定位上下文）
- 3.5 显示属性
- 3.6 背景（背景颜色、图片、重复、位置、尺寸、粘附、简写、CSS3背景属性、多背景图片、背景渐变）
- 3.7 小结
- 第4章 字体和文本
- 4.1 字体（字体族、字体大小、样式、粗细、变化、简写）
- 4.2 文本属性（缩进、字符间距、单词间距、装饰、对齐、行高、转换、垂直对齐）
- 4.3 Web字体大揭秘（公共字体库、打包的@font-face包、生成@font-face包）
- 4.4 文字版式（简单文本布局、基于网格排版、经典排版练习）
- 4.5 小结
- 第5章 页面布局
- 5.1 布局的基本概念
- 5.2 三栏-固定宽度布局
- 5.3 三栏-中栏流动布局（用负外边距实现、用CSS3单元格实现）
- 5.4 多行多栏布局（CSS选择符的实际应用、内部DIV实战）
- 5.5 小结
- 第6章 界面组件
- 6.1 导航菜单（纵向菜单、横向菜单、下拉菜单）
- 6.2 表单（HTML表单元素、表单标记策略、设定表单样式、设计搜索表单）
常见问题
这本书对应英文原版第几版？
对应 Charles Wyke-Smith 所著《Stylin' with CSS: A Designer's Guide》第 3 版，中文版据 2013 年英文第 3 版译出，由人民邮电出版社出版，ISBN 为 978-7-115-31364-5。
现在 2020 年代还值得读这本 2013 年的书吗？
如果目标是理解层叠、特指度、盒模型、定位等底层机制，依然很值得；但书中的浮动布局、旧式浏览器兼容方案已非当前主流，学完基础后应补充 Flexbox、Grid 与现代构建工具的内容。
阅读前需要什么基础？
只需对 HTML 标签和 CSS 有基本概念即可，作者在前言中说明会从 HTML 标记与文档结构讲起；完全没写过网页的读者建议先补一段 HTML 入门。
和常见 CSS 速查书有什么区别？
它不按属性罗列，而是按「结构—机制—定位—字体文本—布局—组件—实战—响应式」的技术主题组织，以实例辅助讲解原理，更适合系统学习而非查阅。
读者评论
查询本书
本站为索引目录：「全网查询」由您发起、在您的浏览器中运行，所列入口均指向第三方站点，请自行判断可用性。
