CSS设计指南

作者简介：

Charles Wyke-Smith

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

Charles是一位乐手和多本Web开发图书的作者，除了本书，他还著有Codin' for the Web: A Designer's Guide to Developing Dynamic Web Sites、Scriptin' with JavaScript and AJA...

(展开全部)

作者简介：

Charles Wyke-Smith

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

Charles是一位乐手和多本Web开发图书的作者，除了本书，他还著有Codin' for the Web: A Designer's Guide to Developing Dynamic Web Sites、Scriptin' with JavaScript and AJAX: A Designer's Guide和Visual Stylin' with CSS3。他和妻子，还有两个女儿住在美国南卡罗来纳州查尔斯顿市。

译者简介：

李松峰

图灵QA部主任。2006年起投身翻译，译有20余部图书。2008年进入出版业，从事技术图书编辑和审稿工作。

2007年创立知识分享网站“为之漫笔”（cn-cuckoo.com），翻译了大量国外经典技术文章。2012年下半年创立“A List Apart中文版”站点（alistapart.cn），旨在向中文读者译介这一国际顶级Web设计与开发杂志。他经常参加技术社区活动，曾在w3ctech 2012 Mobile上分享“Dive into Responsive Web Design”。2013年1月应邀在金山网络分享“响应式Web设计”，2013年3月应邀在奇虎360分享“JS的国”。

目前正在翻译Unix奠基人Brian Kernighan的新书D is for Digital。

目 　 　录
第1章 　HTML标记与文档结构　　1
1.1 　HTML标记基础　　2
1.1.1 　文本用闭合标签　　2
1.1.2 　引用内容用自闭合标签　　3
1.1.3 　属性　　4
· · · · · · (更多)

目 　 　录
第1章 　HTML标记与文档结构　　1
1.1 　HTML标记基础　　2
1.1.1 　文本用闭合标签　　2
1.1.2 　引用内容用自闭合标签　　3
1.1.3 　属性　　4
1.1.4 　标题与段落　　5
1.1.5 　复合元素　　5
1.1.6 　嵌套标签　　6
1.2 　HTML文档剖析　　7
1.2.1 　HTML模板　　7
1.2.2 　块级元素和行内元素　　10
1.2.3 　嵌套的元素　　15
1.3 　文档对象模型　　19
1.4 　小结　　21
第2章 　CSS工作原理　　23
2.1 　剖析CSS规则　　24
CSS规则命名惯例　　27
2.2 　上下文选择符　　28
2.3 　特殊的上下文选择符　　33
2.3.1 　子选择符>　　33
2.3.2 　紧邻同胞选择符+　　34
2.3.3 　一般同胞选择符~　　34
2.3.4 　通用选择符*　　35
2.4 　ID和类选择符　　36
2.4.1 　类属性　　36
2.4.2 　ID属性　　39
2.4.3 　什么时候用ID，什么时候用类　　40
2.4.4 　ID和类的小结　　42
2.5 　属性选择符　　42
2.5.1 　属性名选择符　　43
2.5.2 　属性值选择符　　43
2.5.3 　属性选择符的小结　　44
2.6 　伪类　　44
2.6.1 　UI伪类　　44
2.6.2 　结构化伪类　　47
2.7 　伪元素　　48
2.8 　继承　　50
2.9 　层叠　　51
2.9.1 　样式来源　　51
2.9.2 　层叠规则　　52
2.9.3 　计算特指度　　54
2.10 　规则声明　　56
2.10.1 　文本值　　56
2.10.2 　数字值　　57
2.10.3 　颜色值　　58
2.11 　小结　　62
第3章 　定位元素　　63
3.1 　理解盒模型　　63
3.1.1 　盒子边框　　66
3.1.2 　盒子内边距　　68
3.1.3 　盒子外边距　　69
3.1.4 　叠加外边距　　70
3.1.5 　外边距的单位　　71
3.2 　盒子有多大　　71
3.3 　浮动与清除　　77
3.3.1 　浮动　　78
3.3.2 　围住浮动元素的三种方法　　80
3.4 　定位　　87
3.4.1 　静态定位　　88
3.4.2 　相对定位　　88
3.4.3 　绝对定位　　89
3.4.4 　固定定位　　90
3.4.5 　定位上下文　　91
3.5 　显示属性　　94
3.6 　背景　　95
3.6.1 　CSS背景属性　　96
3.6.2 　背景颜色　　96
3.6.3 　背景图片　　97
3.6.4 　背景重复　　98
3.6.5 　背景位置　　99
3.6.6 　背景尺寸　　101
3.6.7 　背景粘附　　102
3.6.8 　简写背景属性　　103
3.6.9 　其他CSS3背景属性　　103
3.6.10 　多背景图片　　104
3.6.11 　背景渐变　　106
3.7 　小结　　110
第4章 　字体和文本　　111
4.1 　字体　　111
4.1.1 　字体族　　112
4.1.2 　字体大小　　115
4.1.3 　字体样式　　118
4.1.4 　字体粗细　　119
4.1.5 　字体变化　　120
4.1.6 　简写字体属性　　120
4.2 　文本属性　　121
4.2.1 　文本缩进　　121
4.2.2 　字符间距　　124
4.2.3 　单词间距　　125
4.2.4 　文本装饰　　125
4.2.5 　文本对齐　　126
4.2.6 　行高　　127
4.2.7 　文本转换　　128
4.2.8 　垂直对齐　　129
4.3 　Web字体大揭秘　　130
4.3.1 　公共字体库　　131
4.3.2 　打包的@font-face包　　132
4.3.3 　生成@font-face包　　133
4.4 　文字版式　　134
4.4.1 　简单的文本布局　　134
4.4.2 　基于网格排版　　138
4.4.3 　经典的排版练习　　145
4.5 　小结　　154
第5章 　页面布局　　155
5.1 　布局的基本概念　　156
5.2 　三栏?固定宽度布局　　157
5.3 　三栏?中栏流动布局　　172
5.3.1 　用负外边距实现　　172
5.3.2 　用CSS3单元格实现　　176
5.4 　多行多栏布局　　179
5.4.1 　CSS选择符的实际应用　　181
5.4.2 　内部DIV实战　　183
5.5 　小结　　183
第6章 　界面组件　　185
6.1 　导航菜单　　185
6.1.1 　纵向菜单　　186
6.1.2 　横向菜单　　189
6.1.3 　下拉菜单　　190
6.2 　表单　　200
6.2.1 　HTML表单元素　　201
6.2.2 　表单标记策略　　208
6.2.3 　设定表单样式　　209
6.2.4 　设计搜索表单　　218
6.3 　弹出层　　220
6.3.1 　堆叠上下文和z-index　　223
6.3.2 　用CSS创造三角形　　225
6.4 　小结　　226
第7章 　CSS3实战　　227
7.1 　规划页面结构　　227
7.2 　页眉　　231
7.2.1 　页面标题　　232
7.2.2 　搜索表单　　235
7.2.3 　菜单　　236
7.3 　专题区　　242
7.3.1 　登录表单　　246
7.3.2 　博文链接　　249
7.4 　图书区　　251
7.5 　页脚　　257
7.6 　小结　　259
第8章 　响应式设计　　261
8.1 　小设备上的大布局　　261
8.2 　媒体查询　　263
8.2.1 　@media规则　　264
8.2.2 　<link>标签的media属性　　266
8.2.3 　断点　　266
8.2.4 　用<meta>标签设定视口　　267
8.3 　针对平板优化布局　　268
8.4 　针对智能手机优化布局　　271
8.5 　最后两个问题　　275
8.5.1 　移动Safari中的缩放bug　　275
8.5.2 　让下拉菜单支持触摸　　276
8.6 　小结　　278
附录 　技术提示　　279
索引　　287
· · · · · · (收起)

或许你不敢相信，这本书创下了不少“之最”。虽然只能说是我自己经历过的“之最”，但说不定它们也是“中国之最”，甚至“世界之最”。 首先，这是翻译遍数最多的一本书。2006年，我翻译了本书第1版。当时是为了学习翻译而翻译，并没有出版（也没有出版社引进），翻译稿至今仍静静地躺在电脑硬盘的“翻译档案”里。2008年，图灵引进了本书第2版，于是我作为译者，第二次重新翻译了这本...

• 两个“之最”（译者序）
• 前　　言
• 第1章：HTML标记与文档结构