精通CSS

第1章基础知识/1

1.1设计代码的结构/2

1.1.1使用有意义的标记/2

1.1.2文档类型、DOCTYPE切换和浏览器模式/7

1.2为样式找到目标/9

1.2.1常用的选择器/10

1.2.2通用选择器/11

1.2.3高级选择器/11

1.2.4层叠和特殊性/14

1.2.5继承/16

1.3规划、组织和维护样式表/17

1.3.1对文档应用样式/17

1.3.2对代码进行注释/18

1.3.3样式指南/20

1.3.4组织样式表以便简化维护/21

1.4小结/22

第2章可视化格式模型/23

2.1框模型概述/23

2.1.1IE/Win和框模型/25

2.1.2空白边叠加/25

2.2定位概述/27

2.2.1视觉格式化模型/27

2.2.2相对定位/28

2.2.3绝对定位/29

2.2.4浮动/31

2.3小结/36

第3章背景图像和图像替换/37

3.1背景图像基础/37

3.2圆角框/39

3.2.1固定宽度的圆角框/40

3.2.2山顶角/44

3.3阴影/46

3.3.1简单的CSS阴影/46

3.3.2来自Clagnut的阴影方法/49

3.3.3模糊阴影/49

3.3.4洋葱皮阴影/52

3.4图像替换/54

3.4.1FIR/55

3.4.2Phark/55

3.4.3Gilder/Levin方法/56

3.4.4IFR与sIFR/56

3.5小结/58

第4章对链接应用样式/59

4.1简单的链接样式/59

4.2让下划线更有趣/60

4.3突出显示不同类型的链接/62

4.4创建按钮和翻转/65

4.4.1简单的翻转/66

4.4.2具有图像的翻转/66

4.4.3Pixy样式的翻转/674.5已访问链接样式/68

4.6纯CSS工具提示/70

4.7小结/71

第5章对列表应用样式和创建导航条/73

5.1基本列表样式/74

5.2创建垂直导航条/75

5.3在导航条中突出显示当前页面/77

5.4创建水平导航条/78

5.5简化的“滑动门”标签页式导航/80

5.6CSS图像映射/82

5.7远距离翻转/90

5.8对于定义列表的简短说明/93

5.9小结/94

第6章对表单和数据表格应用样式/95

6.1对数据表格应用样式/95

6.1.1表格特有的元素/97

6.1.2数据表格标记/98

6.1.3对表格应用样式/99

6.1.4添加视觉样式/100

6.1.5添加其他样式/101

6.2简单的表单布局/101

6.2.1有用的表单元素/102

6.2.2基本布局/103

6.2.3其他元素/104

6.2.4修饰/106

6.3复杂的表单布局/107

6.3.1可访问的数据输入元素/108

6.3.2多列复选框/109

6.3.3表单反馈/111

6.4小结/113

第7章布局/115

7.1让设计居中/115

7.1.1使用自动空白边让设计居中/116

7.1.2使用定位和负值空白边让设计居中/117

7.2基于浮动的布局/118

7.2.1两列的浮动布局/118

7.2.2三列的浮动布局/121

7.3固定宽度、流体和弹性布局/122

7.3.1流体布局/122

7.3.2弹性布局/124

7.3.3弹性-流体混合布局/126

7.3.4流体和弹性图像/127

7.4faux列/129

7.5小结/132

第8章招数和过滤器/133

8.1招数和过滤器简介/134

8.1.1关于招数和过滤器的一个警告/134

8.1.2明智地使用招数/135

8.2过滤单独的样式表/136

8.2.1IE的有条件注释/1368.2.2带通过滤器/137

8.3过滤单独的规则和声明/139

8.3.1子选择器招数/139

8.3.2属性选择器招数/140

8.3.3星号HTML招数/141

8.3.4IE/Mac注释反斜线招数/142

8.3.5转义属性招数/142

8.3.6Tantek的框模型招数/143

8.3.7修改后的简化框模型招数/143

8.3.8!important和下划线招数/144

8.3.9Owen招数/144

8.4小结/145

第9章bug和bug修复/147

9.1bug捕捉/148

9.2bug捕捉的基本知识/150

9.2.1隔离问题/151

9.2.2创建基本测试案例/152

9.2.3修复问题，而不是修复症状/153

9.2.4请求帮助/153

9.3拥有布局/153

9.3.1什么是布局/154

9.3.2布局有什么效果？/154

9.4常见bug及其修复方法/156

9.4.1双空白边浮动bug/156

9.4.23像素文本偏移bug/156

9.4.3IE6重复字符bug/159

9.4.4IE6躲躲猫bug/160

9.4.5相对容器中的绝对定位/160

9.4.6停止对IE的批评/161

9.5小结/162

实例研究1MoreThanDoodles/163

CS1.1关于这个实例研究/164

CS1.2用后代选择器控制内容区域/165

CS1.2.1XHTML/165

CS1.2.2三列布局/166

CS1.2.3两列布局/167

CS1.2.4单列布局/168

CS1.2.5隐藏不需要的列/168

CS1.3对列进行浮动/169

CS1.3.1计算/169

CS1.3.2将列浮动到正确的位置/170

CS1.4根据主体类突出显示当前页面/172

CS1.5列的drop-in框/173

CS1.6直角和圆角――自己决定/174

CS1.6.1一般的直角/174

CS1.6.2为特殊效果做准备/175

CS1.7透明的定制角和边框/175

CS1.7.1图像/176

CS1.7.2CSS/177

CS1.8使用类组合来确定操作目标/178CS1.9使用图像类和例外/180

CS1.9.1默认图像/180

CS1.9.2拥有的图像/180

CS1.9.3比较大的图像/181

CS1.10处理链接/183

CS1.10.1了解边栏链接/183

CS1.10.2带符号的已访问链接/183

CS1.10.3突出显示外部链接/185

CS1.11浮动的阴影（图库）/186

CS1.11.1形成阴影/186

CS1.11.2对图像进行浮动/187

CS1.12小结/188

实例研究2TuscanyLuxuryResorts/189

CS2.1关于这个实例研究/189

CS2.2流体布局/190

CS2.2.1主体和容器/192

CS2.2.2报头/192

CS2.2.3内容和边栏/193

CS2.2.4页脚/195

CS2.2.5解决流体布局的问题/196

CS2.3使用绝对定位对准元素/197

CS2.3.1位置属性（top、bottom、left、right）/197

CS2.3.2堆放次序（z-index）/199

CS2.4背景图像技术/200

CS2.4.1将上半部分分成三份/201

CS2.4.2使背景“无懈可击”/202

CS2.5图像替换/204

CS2.5.1徽标图像替换/204

CS2.5.2首字母大写图像替换/206

CS2.6流体图像/207

CS2.7为多个元素使用一个列表项/209

CS2.8小结/212

　　 Amazon头号CSS畅销书（也是目前最畅销的技术图书）《精通CSS》（英文原名CSS Mastery）。　　 尽管CSS资源的数量越来越多，但是在CSS邮件列表上仍然反复看到同样的问题：如何让设计居中？最好的圆角框技术是什么？如何创建三列布局？如果你熟悉CSS设计社区，那么往往会想起提供了某篇文章或某种技术的网站。但是，如果你是CSS的初学者，或者没有时间阅读所有博客，那么这些信息可能并不好找。　　 在CSS的某些比较晦涩的方面（比如定位模型和特殊性），即使是有经验的CSS开发人员也会遇到问题。这是因为大多数CSS开发人员是靠自学的，他们从文章和别人的代码中学习经验，而没有全面理解规范。而且许多人认为，CSS规范是复杂的并且常常自相矛盾，是为浏览器厂商而不是为网页开发人员编写的。　　 此外，还有浏览器问题。浏览器的bug和不一致性是现代CSS开发人员面对的最大问题之一。不幸的是，许多bug都没有良好的文档记录，它们的修复方法基本上只是在开发人员之间口口相传。你必须知道以某种方式做某件事，否则在某种浏览器中就会出问题。但是，你记不住是哪种浏览器以及为什么会出问题。　　 所以，就需要有一本书将最有用的CSS技术汇总在一起，并且集中介绍现实的浏览器问题，从而弥补人们CSS知识中的欠缺。本书会帮助你加快学习CSS的过程，使你的代码很快达到CSS专家的水平。　　 读者对象　　 本书适合具有(X)HTML和CSS基本知识的任何人。无论你是刚刚接触CSS设计，还是已经开发纯CSS站点好几年了，本书中都有适合你的内容。如果你已经使用CSS一段时间了，但还不是专家，那么你能够从本书获得最大的收益。本书充满了实用的现实建议和示例，可以帮助你精通现代CSS设计。　　 本书结构 　　 本书的前两章讨论基本的CSS概念和最佳实践，帮助你轻松地入门。你将学习如何建立代码结构和加注释、CSS定位模型的细节以及浮动和清理的工作原理。你可能已经掌握了其中的许多内容，但是可能会发现自己有遗漏或理解不充分的地方。因此，前两章是不错的CSS入门材料，也可以帮助你回顾已经知道的知识。　　 介绍了基本知识之后，后面五章讨论核心CSS技术，比如图像、链接、列表操纵、表单设计、数据表格设计以及纯CSS布局。每一章都由浅入深，直到建立比较复杂的示例。在这些章节中，你将学习如何创建圆角框、带透明阴影的图像、标签页式导航条和flickr风格的翻转。如果你想研究本书中的示例，可以从www.turingbook.com或www.friendsofed.com下载所有示例代码。　　 浏览器bug是许多CSS开发人员最头疼的问题，所以本书中的所有示例都关注创建跨浏览器的技术。不只如此，本书还用两章讨论招数（hack）、过滤器、bug和bug修复。在这两章中，你将学习一些最常用的过滤器，什么时候应该使用它们以及什么时候应该避免使用它们。还要学习bug捕捉技术，以及如何在bug造成问题之前发现并修复它们。甚至还会学习是什么造成了Microsoft IE中许多看似无规律的CSS bug。　　 最后两章是真正的“大餐”。Simon Collison和Cameron Moll是两位最杰出的CSS设计人员，他们将本书讨论的许多技术组合成两个实例研究。所以你不但将学习这些技术的工作原理，而且要学习如何将它们用在实际项目中。　　 本书可以从头到尾地阅读，也可以放在计算机旁边作为提示、技巧和技术的参考资料。这由你决定。 《精通CSS高级WEB标准解决方案》+《CSS网站布局实录--基于WEB标准的网站设计指南》 组合套装：　　☆原价：39 + 32=71 ★优惠价：￥56.8编辑推荐：　　Web标准时代来了，表格套表格已经过时了。《CSS网站布局实录》对CSS技术做了精辟细致的讲解，这是一本互联网时代网页设计开发必不可少的技术宝典。这本书没有太多的概念性的东西，都是一些Web标准网站设计中的经常遇到的一些问题和解决办法，是一本很好的网站重构实战指南，对于希望学习Web标准网站重构的设计师来说，是一本不可缺的技术性指南手册。里面的东西没水分基本都是讲实用的技术和教你解决问题。　　《精通CSS》英文版原名：CSS Mastery，是亚马逊头号畅销书。书中不但教你如果解决让人头痛的布局疑难，学习这些技术的工作原理，而且要学习如何将它们用在实际项目中。Simon Collison和Cameron Moll两位最杰出的CSS设计人员，通过讨论的许多技术组合成两个实例研究。此书可以从头到尾地阅读，也可以放在计算机旁边作为提示、技巧和技术的参考资料，里面的技术很新很有用！