标签
内容简介
《精彩绝伦的CSS》是国际知名 Web 标准与 CSS 专家 Eric A. Meyer（原书名为 Smashing CSS: Professional Techniques for Modern Layout）撰写的一部实用型 CSS 教程，中文版由姬光翻译，2012 年由人民邮电出版社出版，收入「图灵程序设计丛书」。全书分为三部分：第一部分「基本原理」介绍调试与开发工具（Firebug、Web Developer Toolbar、IE 开发者工具栏、Dragonfly、Safari 的 Web 检查器、XRAY、SelectORacle、诊断样式表、重启样式表等），并系统梳理选择器的用法，包括伪类与伪元素、特殊性、重要性、简写属性的覆盖、ID 与类的取舍、各类属性选择器、后代与兄弟选择以及生成内容。第二部分「核心技术」是全书的重点：一章给出大量实用提示（行高、边框颜色、显示与可见性的隐藏、图像替换、打印样式、块级链接、列表标记、文档背景等）；一章用超过十五种方案讲解布局，从清除浮动的多种做法、两栏与三栏布局、伪造栏、流式漂白、唯一布局、Holy Grail、流式网格、基于 em 的布局到固定页头和页脚；另一章集中呈现 CSS 效果，如弹出框、菜单、框冲切、圆角、CSS 精灵、滑动门、视差与参差浮动。第三部分「前沿技术」讨论表格的样式化（表头/主体/脚注、行标题、面向列的样式、表的映射与图形化），并展望 HTML5 与 CSS3：媒体查询、为特定子元素与列添加样式、RGBa 与 HSL 颜色、阴影、多背景和二维变换。全书配有大量示例、截图、代码与实用建议，示范的仍是浮动、定位等传统布局体系，可与后来的 Flexbox、Grid 对照阅读。
编辑推荐
这本书出自一位在 Web 标准领域深耕多年、并以讲解 CSS 著称的作者之手，难得之处在于不满足于罗列属性，而是围绕真实问题给出多套方案并比较取舍：同一个浮动清除有几种写法、两栏与三栏有多少种实现、同一效果哪些做法更稳妥，读者能从中看到判断的过程，而不只是复制粘贴一段代码。全书结构清晰，从工具与选择器起步，经布局与效果两大核心板块，最后落到 HTML5、CSS3、媒体查询等前沿特性，七章内容基本可以支撑一轮系统的进阶学习，每节都配有示例、截图与代码。需要提醒的是，本书成书于 2012 年，示范的仍是浮动与定位时代的布局手法，部分工具（如 Firebug）与写法已退出主流；但这些技术所训练的对盒子模型、浮动、层叠与选择器特殊性的理解并不过时，正适合用来打牢基础、再去理解 Flexbox 与 Grid 为何出现。对已能写简单样式、想进一步掌握布局与视觉效果套路的开发者，它依然是一本值得翻的进阶读物。
适合谁读
适合
- 已掌握 HTML 与基础 CSS 语法、希望系统提升布局能力的开发者
- 需要处理老项目、维护浮动与定位布局代码的前端工程师
- 想通过多个示例对比学习经典 CSS 技巧与效果实现方式的人
- 网页设计方向的学生，可配合课程作为 CSS 进阶参考书
不适合
- 完全零基础、尚未写过 HTML 与 CSS 的初学者
- 只想学习 Flexbox、Grid 等现代布局方案的读者
- 需要最新浏览器特性与工程化实践的前端团队培训
阅读建议
- 先通读第 2 章选择器与第 3 章提示，这两章对日常写样式最直接有效。
- 第 4 章布局建议动手复现示例，对比清除浮动与各类栏布局方案的差异。
- 阅读前沿技术部分时，用现代浏览器验证示例，并与 Flexbox、Grid 方案对照。
- 注意成书时代局限，书中工具与写法需结合现行浏览器与开发者工具取舍。
出版社简介
人民邮电出版社
中国 · 成立于 1953 年
人民邮电出版社以科技、计算机与信息通信类图书见长，并由此延伸至摄影、艺术、软件学习与励志成长等门类，形成较为多元的出版方向。库内图书既涵盖《重构与模式（修订版）》《华为交换机学习指南（第二版）》等计算机与通信技术读物，也收录《小王子（中英法彩绘典藏纪念版）》《了不起的盖茨比》《假如给我三天光明》等双语典藏类作品；《北京十年：1980-1990》与《鬼刀 WLOP个人插画作品集》则体现其在摄影与艺术领域的布局。作者资源包括安东尼·圣埃克苏佩里、海伦·凯勒、Joshua Kerievsky、王达、张兆增与WLOP等。
目录
- 版权声明
- 献辞
- 前言
- 致谢
- 译者序
- 第一部分 基本原理
- 第1章 工具（Firebug、Web Developer Toolbar、IE 开发者工具栏、Dragonfly、Web 检查器、XRAY、SelectORacle、诊断样式表、重启样式表、IE9.JS）
- 第2章 选择器（伪类与伪元素、为目标元素添加样式、特殊性、重要性、简写属性、通用选择、ID 还是类、属性选择器、后代与兄弟选择、生成内容）
- 第二部分 核心技术
- 第3章 提示（验证、字体值顺序、行高、边框值、显示与可见性、图像替换、打印样式、块级链接、外边距与内边距、列表标记、文档背景）
- 第4章 布局（居中块状框、遏制浮动、清除浮动、两栏与三栏布局、伪造栏、流式漂白、唯一布局、Holy Grail、流式网格、基于 em 的布局、固定页头和页脚）
- 第5章 效果（复杂螺旋、CSS 弹出框、CSS 菜单、框冲切、圆角、CSS 精灵、滑动门、CSS 视差、参差浮动、受限的图像）
- 第三部分 前沿技术
- 第6章 表格（表头、主体和脚注、行标题、面向列的样式、表的映射与图形化）
- 第7章 可预见的未来（为 HTML5 应用样式、媒体查询、为特定子元素与列应用样式、RGB alpha 与 HSL 颜色、阴影样式、多背景、二维变换）
常见问题
这本书适合 CSS 零基础的人读吗？
不太适合。作者在书中已假定读者具备一定 CSS 和 JavaScript 使用经验，零基础读者容易在浮动、特殊性等概念上卡住，建议先读一本入门书再来。
书名「精彩绝伦的CSS」的原版是什么？
原版为 Eric A. Meyer 所著 Smashing CSS: Professional Techniques for Modern Layout，中文版由姬光翻译，2012 年人民邮电出版社出版，ISBN 为 9787115284792。
书里的布局技术现在还实用吗？
书成书于 2012 年，示范的是浮动、定位时代的布局手法，部分工具如 Firebug 已淘汰。但它对盒子、浮动、层叠的理解仍有价值，可作为理解现代布局由来的基础读本。
这本书和图灵丛书里的其他 CSS 书有什么区别？
与《CSS 权威指南》偏重语法与规范详解不同，本书更侧重实用技巧与效果实现，汇集了作者在多处积累的具体做法与方案对比，属于进阶实战型读物。
读者评论
查询本书
本站为索引目录：「全网查询」由您发起、在您的浏览器中运行，所列入口均指向第三方站点，请自行判断可用性。
