CSS精粹
2009-9
人民邮电出版社
安德鲁
268
无
在开始写作前，我一直都在编写代码。我以开发网站和Web应用程序为生，相信就像本书的许多读者一样。我每天都在使用CSS完成工作，我知道当项目需要在隔天上午交付时，哪些是真正让人困扰的问题。 当我和那些不使用CSS或仅在简单的文字上应用CSS的设计者和开发者交谈时，他们总是说自己没有时间学习这种全新的工作方式。毕竟，表格、图形函数已经解决了这个问题，而且还有人买单。 我很幸运，很早就接触到了CSS，并出于兴趣开始使用它。由于接触得早，所以我的知识一直随着CSS技术的发展而增长，现在每当面对项目的时候，我都能将这6年使用CSS的经验利用上。 在本书中，我将尝试传达那些能快速、轻松地开发网站和Web应用程序的技巧与技术。 在本书中你看不到成篇的理论，相反都是一些具体的解决方案。这些解决方案不仅能让你马上体验到效果，而且还可以作为今后自己工作的起点。根据我的经验，动手做比阅读学得更快些。所以当你在本书中发现那些能够帮助你构建出网站并可以运行的方案时，别忘了动手实践这些例子，并把它们作为学习新技术的主要手段。 本书的写作目的是使你能够很快地找到特定CSS问题的答案。你不需要从头到尾地读完全书，只需要选择那些需要关注或感兴趣的技术。同时，我为每个解决方案提供了一些解释，以帮助你理解它们。这些知识将使你在自己需要时能够扩充它、实践它。 希望你能喜欢这本书！写作确实很有趣，我希望这本书除了能够成为助你顺利掌握CSS新技术的工具书之外，还能成为一本日常的参考资料。
本书采用问答的形式，为CSS使用过程中一些有价值的经典问题提供了精彩的实践解决方案。本书内容包括文本样式、CSS和图像、导航、表格式数据、表单与用户界面、跨浏览器支持技术、可用性与辅助装置、CSS定位和布局等相关技术。 本书的目标读者是需要使用CSS的Web设计人员和开发人员。本书通过经典的问题和精彩的解答将理论融于实践，使每一个带着问题阅读本书的读者都能找到自己满意的答案。
Rachel Andrew是Web标准社区的领导者之一。她出版了许多与Web标准相关的书籍，其中包括十分畅销的The CSS Anthology（中译版《CSS精粹》）。她在自己供职的Web解决方案提供商edgeofmyseat.com公司中积累了丰富的实战经验。
第1章 CSS入门 1.1 用CSS定义样式 1.2 CSS选择器 1.3 小结 第2章 文本样式和基础知识 技巧1 如何用CSS替换font标签 技巧2 设置字体大小时，应该使用像素、点、字长还是其他单位 技巧3 如何使文字以特定字体显示 技巧4 如何去除链接中的下划线 技巧5 如何创建能在鼠标指针悬停时变色的链接 技巧6 如何使页面中的链接具有两种不同的样式 技巧7 如何对列表的第一个元素应用不同的样式 技巧8 如何为标题行添加背景色 技巧9 如何为标题行添加下划线 技巧10 如何去除h1元素与后续段落之间的大间隔 技巧11 如何强调页面中的文字 技巧12 如何修改文字的行高（及缩进） 技巧13 如何调整文字版面 技巧14 如何实现水平线样式 技巧15 如何实现文字缩进 技巧16 如何实现文字居中 技巧17 如何使文字全部变成大写 技巧18 如何改变或去除列表项前面的项目符号 技巧19 如何为列表项应用图片式的项目符号 技巧20 如何去除列表缩进的左边距 技巧21 如何使列表水平显示 技巧22 如何为CSS文件添加注释 技巧23 如何去除页边界而不为body标签添加属性 技巧24 如何去除浏览器中所有元素的默认填充和边距 小结 第3章 CSS和图像 技巧25 如何为图像添加边框 技巧26 如何用CSS代替HTML所反对的为图像定义的border属性 技巧27 如何用CSS为页面设置背景图像 技巧28 如何设置背景图像的位置 技巧29 当页面被滚动时，如何固定背景图像 技巧30 能否为任意元素设置背景图像 技巧31 如何将文字放在图像的上面 技巧32 如何为文档添加多个背景图像 技巧33 如何在页面中使用透明效果 小结 第4章 网站导航 技巧34 如何用CSS替代基于图片的导航 技巧35 如何通过设置结构化列表的样式使其变成导航菜单 技巧36 如何使用CSS实现可翻转的导航条，而无须使用图片和JavaScript 技巧37 使用CSS和列表能否创建多级导航系统 技巧38 使用CSS和列表如何创建水平显示的菜单 技巧39 如何使用CSS创建按钮风格的导航条 技巧40 使用CSS如何创建标签页式的导航条 技巧41 如何改变鼠标指针的类型 技巧42 如何只使用CSS而无须JavaScript来实现图像翻转效果 技巧43 如何创建纯CSS实现的下拉菜单 小结 第5章 表格式数据 技巧44 使用CSS如何实现电子表格式的页面布局 技巧45 如何让表格式数据既易于访问又吸引人 技巧46 不使用border属性如何为表格添加边框 技巧47 当使用CSS添加边框时如何去除表格单元格之间的空白 技巧48 如何使电子表格以漂亮、实用的方式显示 技巧49 如何使表格中的各个行以交替颜色风格显示 技巧50 如何修改当前选中表格行的背景色 技巧51 如何使表格中的各个列以交替颜色风格显示 技巧52 如何用CSS显示日历 小结 第6章 表单与用户界面 技巧53 如何使用CSS为表单元素设置样式 技巧54 如何为同一个表单中的元素应用不同的样式 技巧55 如何避免表单创建额外的空格和换行符 技巧56 如何使提交按钮看起来像普通文字 技巧57 如何确保文本设备的用户理解表单的作用 技巧58 如何使用CSS代替表格实现双列表单布局 技巧59 如何对相关的字段进行分组 技巧60 如何为快捷键提示信息设置样式 技巧61 在select菜单中，如何使用不同颜色来强调显示 技巧62 有一个类似于电子表格的表单，如何用CSS为其设置样式 技巧63 如何强调用户单击的表单字段 小结 第7章 跨浏览器支持技术 技巧64 应该在哪些浏览器上测试网站 技巧65 如果只有一种操作系统，如何测试更多的浏览器 技巧66 是否存在展示网站在不同浏览器中显示效果的服务 技巧67 在Windows中能够同时安装多个版本的IE吗 技巧68 如何让很旧的浏览器显示基本的样式表 技巧69 如何对特定浏览器隐藏某些CSS规则 技巧70 如何给特定浏览器提供不同的样式 技巧71 如何在IE 6中实现alpha透明 技巧72 什么是DOCTYPE切换，如何使用它 技巧73 我想我发现了CSS的一个缺陷，该如何做呢 技巧74 有些内容在IE 6中时隐时现怎么办 技巧75 W3C验证器显示的错误和警告信息是什么意思 小结 第8章 可用性和辅助装置 技巧76 如何在仅能显示文本信息的浏览器中测试 技巧77 如何用屏幕朗读器测试网站 技巧78 如何为诸如屏幕朗读器、WebTV之类的特定设置创建样式表 技巧79 如何创建打印样式表 技巧80 如何为网站添加备选的样式表 技巧81 如何实现样式表切换器 技巧82 如何实现备选样式表中没有重复代码 小结 第9章 CSS定位和布局 技巧83 如何确定何时使用class以及何时使用ID 技巧84 能否让内联元素像块级元素那样显示，反之亦然 技巧85 CSS中的边距和填充是如何工作的 技巧86 不使用HTML中的align属性如何实现文字信息环绕在图像周围 技巧87 在使用float时如何避免下一个元素上移 技巧88 若不使用表格，如何使网站的标识或口号实现左对齐或右对齐 技巧89 如何使用CSS设置项目在页面中的位置 技巧90 如何使块级元素在页面中居中显示 技巧91 如何创建一个菜单位于左端、内容显示在右边的，流式的两列布局 技巧92 能否反转该页面布局，将菜单放在右边 技巧93 如何创建宽度固定、居中的两列布局 技巧94 如何创建全高度的列 技巧95 如何在页面布局中添加一些阴影 技巧96 如何创建三列的CSS页面布局 技巧97 如何为流式布局添加页脚 技巧98 不使用表格如何显示缩略图库 技巧99 如何创建带圆角的矩形 小结
何时不该移除下划线 下划线是所有浏览器均采用的一种惯例，所以用户会期望看到链接拥有下划线修饰。在一堆文字中混入去除下划线修饰的链接，用户将难以辨别哪些是真正的链接，而非突出显示的文字。我反对去除文字中链接的下划线修饰。其实还有一些能令链接看起来更吸引人的其他方式，而去除下划线，若非必须使用则应该尽量少使用。 如果链接是菜单的一部分，或者文字还具有链接的其他明显特征，例如通过CSS将文字的呈现效果变成了图形按钮，那么就另当别论了。因为通过上下文就能够明显地看出它是链接，所以这时如果喜欢，就可以去除这些下划线。 技巧5如何创建能在鼠标指针悬停时变色的链接 如果当鼠标指针悬停在链接上时，其文字的颜色或外观发生一些变化，将会是一个颇具吸引力的效果，这样的效果放在导航菜单上会显得非常有优势，当然这也可以应用于一些常规的段落文字上。
《CSS精粹(第2版)》汇集了大量针对极具挑战性的CSS问题的最佳实践，主要包括以下内容： 解决复杂的CSS问题； 满足特定需要的精彩实例； 基于最新CSS技术的实际回答； 跨浏览器兼容问题的解决方案。 sitepointSitePoint 是全球著名的Web开发与设计类图书出版商，出版高品质专业畅销书。通过互动、开源、全方位的网站配套服务，SitePoint让每本畅销书都成为一个互动的阅读和代码交流的虚拟社区。2007年，SitePoint网站被美国sBizMBA评为全球“最受欢迎的电子商务网站”第3名；2008年，SitePoint荣登hitwise．com澳大利亚计算机与Intemet类网站排行榜榜首。 专业技术引导实践，详尽案例精彩纷呈。
无