CSS设计指南（第3版）-图书-图灵社区

本书特色

* 著译双馨，入门首选
* Amazon读者好评如潮
* 涵盖HTML5、CSS3和响应式设计

“这本书写得太棒了！清晰，明白，没有废话。所有例子都非常直观又切中要害。读起来轻松惬意，毫不费力。”
——Amazon读者评论

市面上讲CSS（乃至CSS3）的书不少，但像本书这样适合从入门到提高的好书并不多见。无论你是第一次接触CSS，还是已经有了一定的经验，这本书都会为你在Web设计领域登堂入室打下坚实的基础！

第3版仍旧延续之前备受赞誉的写作风格和特色，全书按技术主题分类，以实例辅助讲解，组织方式平易朴实、要点陈述通俗易懂。既有对CSS规则、声明、层叠、特指度、选择符等基本概念的耐心解读，又有对盒模型、界面组件、页面布局等核心技术的精彩阐释，读来引人入胜，令人欲罢不能。此外，本书还涵盖了HTML5和CSS3的新功能，包括新增的HTML元素以及用圆角、阴影、渐变、多图片背景等进行视觉设计，另有专门一章讲解最前沿的响应式设计。

只要能把本书读懂、吃透，自称“CSS老手”绝对没人敢说你吹牛皮。要是能将书中给出的建议和提示融会贯通地运用到自己的项目当中，那“CSS高手”这顶桂冠也将非你莫属！

版权声明
两个“之最”（译者序）	阅读
致谢	阅读
前言	阅读
第1章 HTML标记与文档结构 1.1 HTML标记基础 1.1.1 文本用闭合标签 1.1.2 引用内容用自闭合标签 1.1.3 属性 1.1.4 标题与段落 1.1.5 复合元素 1.1.6 嵌套标签 1.2 HTML文档剖析 1.2.1 HTML模板 1.2.2 块级元素和行内元素 1.2.3 嵌套的元素 1.3 文档对象模型 1.4 小结	阅读
第2章 CSS工作原理 2.1 剖析CSS规则 CSS规则命名惯例 2.2 上下文选择符 2.3 特殊的上下文选择符 2.3.1 子选择符> 2.3.2 紧邻同胞选择符+ 2.3.3 一般同胞选择符~ 2.3.4 通用选择符* 2.4 ID和类选择符 2.4.1 类属性 2.4.2 ID属性 2.4.3 什么时候用ID，什么时候用类 2.4.4 ID和类的小结 2.5 属性选择符 2.5.1 属性名选择符 2.5.2 属性值选择符 2.5.3 属性选择符的小结 2.6 伪类 2.6.1 UI伪类 2.6.2 结构化伪类 2.7 伪元素 2.8 继承 2.9 层叠 2.9.1 样式来源 2.9.2 层叠规则 2.9.3 计算特指度 2.10 规则声明 2.10.1 文本值 2.10.2 数字值 2.10.3 颜色值 2.11 小结
第3章定位元素 3.1 理解盒模型 3.1.1 盒子边框 3.1.2 盒子内边距 3.1.3 盒子外边距 3.1.4 叠加外边距 3.1.5 外边距的单位 3.2 盒子有多大 3.3 浮动与清除 3.3.1 浮动 3.3.2 围住浮动元素的三种方法 3.4 定位 3.4.1 静态定位 3.4.2 相对定位 3.4.3 绝对定位 3.4.4 固定定位 3.4.5 定位上下文 3.5 显示属性 3.6 背景 3.6.1 CSS背景属性 3.6.2 背景颜色 3.6.3 背景图片 3.6.4 背景重复 3.6.5 背景位置 3.6.6 背景尺寸 3.6.7 背景粘附 3.6.8 简写背景属性 3.6.9 其他CSS3背景属性 3.6.10 多背景图片 3.6.11 背景渐变 3.7 小结
第4章字体和文本 4.1 字体 4.1.1 字体族 4.1.2 字体大小 4.1.3 字体样式 4.1.4 字体粗细 4.1.5 字体变化 4.1.6 简写字体属性 4.2 文本属性 4.2.1 文本缩进 4.2.2 字符间距 4.2.3 单词间距 4.2.4 文本装饰 4.2.5 文本对齐 4.2.6 行高 4.2.7 文本转换 4.2.8 垂直对齐 4.3 Web字体大揭秘 4.3.1 公共字体库 4.3.2 打包的@font-face包 4.3.3 生成@font-face包 4.4 文字版式 4.4.1 简单的文本布局 4.4.2 基于网格排版 4.4.3 经典的排版练习 4.5 小结
第5章页面布局 5.1 布局的基本概念布局高度与布局宽度 5.2 三栏-固定宽度布局为栏设定内边距和边框 5.3 三栏-中栏流动布局 5.3.1 用负外边距实现 5.3.2 用CSS3单元格实现 5.4 多行多栏布局 5.4.1 CSS选择符的实际应用 5.4.2 内部DIV实战 5.5 小结
第6章界面组件 6.1 导航菜单 6.1.1 纵向菜单 6.1.2 横向菜单 6.1.3 下拉菜单 6.2 表单 6.2.1 HTML表单元素 6.2.2 表单标记策略 6.2.3 设定表单样式 6.2.4 设计搜索表单 6.3 弹出层 6.3.1 堆叠上下文和z-index 6.3.2 用CSS创造三角形 6.4 小结
第7章 CSS3实战 7.1 规划页面结构 HTML结构 7.2 页眉 7.2.1 页面标题 7.2.2 搜索表单 7.2.3 菜单 7.3 专题区 7.3.1 登录表单 7.3.2 博文链接 7.4 图书区 7.5 页脚 7.6 小结
第8章响应式设计 8.1 小设备上的大布局 8.2 媒体查询 8.2.1 @media规则 8.2.2 <link>标签的media属性 8.2.3 断点 8.2.4 用<meta>标签设定视口 8.3 针对平板优化布局 8.4 针对智能手机优化布局针对竖屏进一步优化 8.5 最后两个问题 8.5.1 移动Safari中的缩放bug 8.5.2 让下拉菜单支持触摸 8.6 小结
附录：技术提示编写CSS 测试代码支持旧版本浏览器后备代码腻子脚本

作者介绍

Charles Wyke-Smith（作者）一直从事媒体相关工作。1980年代，他与人在旧金山共同创办了PRINTZ Electronic Design公司，当时可是一家全部工作都使用计算机处理的设计工作室。另外，他曾在富国银行、ESPN电子游戏担任领导和顾问工作，在Benefitfocus公司担任过用户体验总监。2009年，他与人合办了PeopleMatter公司，提供人力资源服务。目前，他是一家新的创业公司Bublish的CEO，这家公司提供图书策划等方面的服务。

Charles是一位乐手和多本Web开发图书的作者，除了本书之外，他还出版过Codin' for the Web、Scriptin' with AJAX和Visual Stylin' with CSS3。他和妻子，还有两个女儿住在美国南卡罗来纳州查尔斯顿市。

李松峰（译者）图灵QA部主任，非计算机专业出身的技术爱好者，有5年Web前后端经验。2006年起以翻译作为第二职业，翻译字数超过500万，出版译著20余部。

2007年创立知识分享网站“为之漫笔”（cn-cuckoo.com），翻译了大量国外经典技术文章。2012年下半年创立“A List Apart中文版”站点（alistapart.cn），致力于向中文读者译介这一国际顶级Web设计与开发杂志。他时常参加技术社区活动，曾在W3ctech 2012 Mobile专题会议上分享“Dive into Responsive Web Design”。

目前正在翻译普林斯顿大学教授Brian W Kernighan的新书《D is for Digital》，敬请关注。

4推荐
CSS必知必会集锦（一）：HTML标记与文档结构

编者注：本集锦摘编自图灵新书[《CSS设计师指南（第3版）》][1]各章的“侧边栏”，是作者从相关主题中提炼出来的短小精悍的提示和法则。其中，既包含业界公认的CSS最佳实践，又不乏作者独到的一家之言，还有很多有价值的参考资料。理解这些CSS知识点，对夯实基础，开阔视野是至关重要…...

李松峰发表于 2012-11-20
1推荐
CSS必知必会集锦（二）：CSS工作原理

编者注：本集锦摘编自图灵新书[《CSS设计师指南（第3版）》][1]各章的“侧边栏”，是作者从相关主题中提炼出来的短小精悍的提示和法则。其中，既包含业界公认的CSS最佳实践，又不乏作者独到的一家之言，还有很多有价值的参考资料。理解这些CSS知识点，对夯实基础，开阔视野是至关重要…...

李松峰发表于 2012-11-20
2推荐
CSS必知必会集锦（三）：定位元素

编者注：本集锦摘编自图灵新书[《CSS设计师指南（第3版）》][1]第3章“定位元素”，是作者从相关主题中提炼出来的短小精悍的提示和法则。其中，既包含业界公认的CSS最佳实践，又不乏作者独到的一家之言，还有很多有价值的参考资料。理解这些CSS知识点，对夯实基础，开阔视野是至关重…...

李松峰发表于 2012-11-20
2推荐
CSS必知必会集锦（四）：字体和文本

编者注：本集锦摘编自图灵新书[《CSS设计师指南（第3版）》][1]第4章“字体和文本”，是作者从相关主题中提炼出来的短小精悍的提示和法则。其中，既包含业界公认的CSS最佳实践，又不乏作者独到的一家之言，还有很多有价值的参考资料。理解这些CSS知识点，对夯实基础，开阔视野是至关…...

李松峰发表于 2012-11-24
3推荐
CSS设计指南（第三版）学习笔记 - 选择符汇总

CSS的选择符还是很多的，特别是CSS3里又新增了些，为了方便记忆，特将[《CSS设计指南（第三版）》][1]（图灵出版）有关选择符章节的阐述做个归纳汇整。顺带夸一下本书：第二版我就看过，这次的第三版针对HTML5和CSS3的最新发展，进行了全面更新，内容更出彩，组织更合理，…...

2gua 发表于 2013-02-28
18推荐
你未必知道的CSS故事：揭开leading的面纱

几乎所有CSS书在讲到line-height属性的时候，都会提到传统排版中的一个术语——leading。这个leading到底指什么，它在汉字排版中叫什么，它与CSS中的line-height，也就是“行高”有什么关系？本文试图拔开历史的迷雾，把事实真相呈现在读者眼前。 ...

李松峰发表于 2012-11-27
4推荐
经典英文版式一例（猜书名，赢好书）

有奖竞猜：图中排的是什么书——请给出中英文书名？竞猜规则：以评论本文的形式写出正确的中英文书名；以转发以下微博的形式给出你评论的链接：http://weibo.com/1639621773/z7r5P7qv1；前三名将分别获得《CSS设计师指南（第3版）》纸版书一…...

李松峰发表于 2012-11-29
2推荐
“猜书名，赢好书”获奖喜报及竞猜规则解析

...

李松峰发表于 2012-11-30
1推荐
CSS必知必会集锦（五）：页面布局

编者注：本集锦摘编自图灵新书[《CSS设计师指南（第3版）》][1]第5章“页面布局”，是作者从相关主题中提炼出来的短小精悍的提示和法则。其中，既包含业界公认的CSS最佳实践，又不乏作者独到的一家之言，还有很多有价值的参考资料。理解这些CSS知识点，对夯实基础，开阔视野是至关重…...

李松峰发表于 2012-12-03
17推荐
亲，这就是透明边框

原文链接：http://css-tricks.com/transparent-borders-with-background-clip [@李松峰][1] 编译各位，你见过种边框透明的效果吗？对，这就是Web 2.0网站上常见的“亮盒”效果。那些透明的边框都是半透明PN…...

李松峰发表于 2012-12-10
1推荐
CSS必知必会集锦（六）：界面组件

编者注：本集锦摘编自图灵新书[《CSS设计师指南（第3版）》][1]第6章“界面组件”，是作者从相关主题中提炼出来的短小精悍的提示和法则。其中，既包含业界公认的CSS最佳实践，又不乏作者独到的一家之言，还有很多有价值的参考资料。理解这些CSS知识点，对夯实基础，开阔视野是至关重…...

李松峰发表于 2012-12-10
6推荐
好运电子书!《CSS设计指南（第3版）》购电子书抽奖送纸版

第二次开奖视频 [](http://v.youku.com/v_show/id_XNDkxMzI5Mjcy.html) ...

李松峰发表于 2012-12-22
2推荐
《CSS设计指南》作者Charles Wyke-Smith访谈问题有奖征集（图灵访谈）

Charles Wyke-Smith一直从事与线上应用相关的媒体相关工作。1980年代，他与人在旧金山共同创办了PRINTZ Electronic Design公司，当时可是一家全部工作都使用计算机处理的设计工作室。另外，他曾在富国银行、ESPN电子游戏担任领导和顾问工作，在B…...

盼盼姐发表于 2014-07-31
6推荐
《CSS设计指南》作者Charles Wyke-Smith：技术的目的就是帮助用户获得成功（图灵访谈）

Charles Wyke-Smith一直从事与线上应用相关的媒体相关工作。1980年代，他与人在旧金山共同创办了PRINTZ Electronic Design公司，当时可是一家全部工作都使用计算机处理的设计工作室。另外，他曾在富国银行、ESPN电子游戏担任领导和顾问工作，在B…...

盼盼姐发表于 2014-09-29
8推荐
CSS创始人之一Bert Bos访谈问题有奖征集（图灵访谈）

中国首届CSS开发者大会将于1月10日（本周六）在北京举行，图灵访谈和w3ctech将在现场对CSS的创始人之一的Bert Bos进行专访，高博（《信息简史》译者）将作为特约记者和Bert现场对话。 Bert Bos是一位计算机科学家，他也是CSS的创始人之一。在CSS的发展…...

盼盼姐发表于 2015-01-07
4推荐
CSS围住浮动元素的三种方法

对CSS围住浮动元素的三种方法总结一下。先给出总结性方法 - 围住浮动元素的三种方法：第一个方法很简单，缺点是不太直观，即为父元素应用overflow:hidden，以强制它包围浮动元素。第二种促使父元素包围其浮动子元素的方法，是也让父元素浮动起来。第三种添加非浮动…...

2gua 发表于 2013-03-09
8推荐
来做题，拿《CSS设计指南（第3版）》

编码也快乐活动欢乐第四波，久违了，现在来了！优胜奖品是《CSS设计指南（第3版）》，@李松峰老师译作，被誉为最佳CSS入门指南，第3版已更新至当下火热流行的CSS 3。拿出5本奖励给优胜者。任务本期题目比较软性，贴近前端码农们的特点，选下述任一点展开即可：写…...

2gua 发表于 2013-05-17
8推荐
CSS生日快乐：CSS之父Håkon Wium Lie访谈录

原文：https://dev.opera.com/articles/css-twenty-years-hakon/ 时间：10 October 2014 by [Bruce Lawson][1] … ...

李松峰发表于 2014-10-11
3推荐
【求助】关于响应式设计屏幕分辨率和屏幕尺寸的问题

《CSS设计指南》第3版快学完了，可在第八章CSS媒体查询这边遇到了问题：我连屏幕分辨率和屏幕尺寸的区别都分不清楚！去百度查了，都说的模棱两可，哪位大神能解释下？另外： 1.比如一个设备的分辨率宽度为1024px，那我写个宽度为960的网页，在上面会怎么显示？单纯的拉伸缩小？…...

jeffacode 发表于 2013-12-15

下载的PDF版的插图是黑白的，是否能换成彩图，这样看效果明显，也好看些。

XiaoKuiKui 发表于 2013-04-17 14:52:28

推荐
- 同求，网页上直接看到是彩图的。
  
  astray_t 发表于 2013-10-07 22:54:04
- 收到，我们会将两位的意见反馈给排版。谢谢。
  
  李松峰发表于 2013-12-19 09:53:01
我选择了推送Kindle 收不到啊是不是不支持多看的推送

朱子辰发表于 2013-08-02 11:03:30

推荐
- 知道这是附近大小问题了，不过希望提供直接下载mobi格式啊，因为推送到Kindle自动转成azw3格式了，再放到多看就看不了了，这样使用户更麻烦了啊
  
  朱子辰发表于 2013-08-02 18:41:26
你好,我想问一下,亚马逊的电子版和社区里的是不是完全一样,包括更新.或者说他们俩有什么区别吗?尤其排版,哪个更适合kindle设备阅读.

没听说过发表于 2015-06-09 15:17:58

推荐
- 您好，亚马逊的电子版大部分是直接采用社区的版本，排版是完全一致的。但后续更新可能没有。都是适合 kindle 设备阅读的。
  
  杨帆发表于 2015-06-09 15:54:48
- 你是说社区里的电子书不会有更新推送是吗?
  
  没听说过发表于 2015-06-09 16:38:41
- 不是，是社区里的电子书会根据勘误来更新，亚马逊的不一定
  
  杨帆发表于 2015-06-10 08:52:20
《CSS设计指南（第3版）》电子版销售业绩不错，截止目前总共售出64本，其中仅12月9日这一天就售出7本。承蒙各位读者信任和支持，我也会支持你们，你们的米花得值了！

李松峰发表于 2012-12-10 09:33:44

推荐
《CSS设计指南（第3版）》第7章已经发布。如果说第1、2章是前奏，第3到5章是展开，那这一章就是华彩。这一章以一个完整的页面为例，综合了布局技术和界面组件，融入了CSS3过渡、变换和阴影特效，在让人潜移默化地掌握整站技术之余，为最后一章的高潮呈现——响应式设计，做好了铺垫。

李松峰发表于 2012-12-16 19:07:26

推荐
PDF什么时候能下载？

球迷小贝发表于 2013-01-06 09:13:35

推荐
等了好久，书什么时候出版吖？

彦大叔发表于 2013-01-21 10:05:33

推荐
完整电子版什么时候可以下载？

rocflytosky 发表于 2013-01-25 11:25:18

推荐
期待，还没上市么

白龙发表于 2013-05-04 20:27:46

推荐
作为一个程序员，学习一下前端的知识也是很有必要的~

gyzhao 发表于 2013-05-08 09:08:28

推荐
这本书会上架多看吗？

李文秋发表于 2013-05-22 23:42:05

推荐
层层渐进，各种布局的主要属性讲得很清楚，入门的好书。

kumalee 发表于 2013-10-20 18:46:53

推荐
kindle版做的太棒了！倒是亚马逊自己做的很多技术书在 kindle 上无法看清图表内容。

天方夜发表于 2013-12-07 14:40:01

推荐
这本书真的不错：循序渐进，环环相扣，条理清晰。

加之译者翻译的也十分优质，读起来实在不能再舒服！

Jafee 发表于 2015-04-28 17:23:54

推荐
神书

Taipa 发表于 2015-07-07 22:03:17

推荐