Eric Meyer谈CSS(卷1)（CSS界传奇人物Eric Meyer著作）

　　本书融汇了世界级专家eric meyer极富价值的css实战经验，运用13个典型实际项目，采取手把手的方式来指导读者如何使用css来解决实际问题。项目包括转换现有网页、设置新闻网页的样式、设置日历样式、设置菜单样式、创建打印样式多列布局等。
　　本书适合所有web开发与设计人员阅读。

第1章　转换现有网页　
　1.1　项目目标　
　1.2　准备工作　
　1.3　打下基础　
　1.4　转换文档　
　　1.4.1　彻底剥离　
　　1.4.2　处理body　
　　1.4.3　创建通用样式　
　　1.4.4　恢复页头效果　
　　1.4.5　内容和内容顶部　
　　1.4.6　给页面的边栏添加样式　
　　1.4.7　内容单元格　
　　1.4.8　恢复标题　
　　1.4.9　引用方块的样式　
　　1.4.10　给页面的右边栏设置样式　
　　1.4.11　设置排行样式　
　　1.4.12　给提示信息添加样式　
　　1.4.13　修改页脚　
　1.5　使用样式的好处　
　1.6　练习　

　　很多读者都知道，在过去的6年中，我在CSS上投入了大量的时间和精力。除了写文章、支持图和测试包之外，我还写了Cascading Style Sheets：The Definitive Guide(2002年O Reilly出版社出版)和Cascading Style Sheets 2．0 Programmers Reference(2001年Osborne／McGraw-Hill出版社出版)两本书。对我来说，它们就像是一个三条腿的凳子的两条腿。第一条腿详细阐述了CSS的理论，告诉读者CSS的工作原理。第二条腿为需要参考手册的CSS设计者提供帮助，指导他们在第一时间写出清晰的CSS，并了解属性值的名称和含义。而所缺少的第三条腿就是一本以实战方式说明CSS如何工作的书，即以实际项日为例来说明CSS如何工作。.
　　值得高兴的是，现在已经不缺第三条腿了。感谢New Riders出版社出版了你手中捧着的这本书。
　　读者对象
　　这是一个重要的问题。在为本书感到骄傲的同时，我也深知本书并不适合所有的读者。现在描述一下这两类读者：本书适合的读者和不适合的读者。
　　本书适合的读者
　　如果你符合下面的一种或者多种条件，本书应该对你有所助益。
　　你需要一本在实际项目中使用CSS的实战性的指导书。这正是本书所包含的内容。
　　你是一位爱好动手的学习者，从交互式体验中学到很多，而不是局限于从阅读中学到知识。尽管这确实只是一本书，但是，本书的目的是让读者易于动手操作的。
　　CSS是一个庞大而复杂的主题。你一直想提高自己的CSS技术水平，但又不知道如何下手，因为你没有如何达到更高水平的一个路线图。
　　你一直希望有人向你展示如何将一个传统、老式、纯HTML的设计转换成HTML和CSS相结合的设计，并说明这么做的好处。那么，请不要迟疑，立即阅读第1章“转换现有网页”。
　　当有人询问你网页设计的水平时，你认为你的HTML技术水平是“中等”或者“高级”，CSS水平为“基本”或者“中等”。换句话说，你非常理解HTML，并且使用过很多CSS，基本掌握如何编写CSS。
　　本书不适合的读者
　　如果你符合下面的一个或者多个条件，本书可能不会对你有所帮助。
　　你以前从未看过或者用过CSS。尽管书中定义了基本的概念，并且包含了简短的术语表，但是本书针对的读者应该了解编写CSS的基本方法，并精通HTML设计。
　　你希望了解CSS理论的全部详细内容，掌握CSS规范的细微差别。市场上现在有很多涉及这方面内容的书。而本书的重点是解释如何达成理想的效果。
　　你仅仅在使用鼠标点击的编辑环境中完成Web设计。本书要求的前提是你可以手工编辑(或者曾经编辑)HTML和CSS，内容的描述是基于这个假设的。虽然，本书中的项目在鼠标点击的编辑器里也可以很容易地完成，但请记住，本书不是这么设计的。
　　你想要一本书能告诉你如何编写CSS，得出的效果在所有平台的浏览器下包括Netscape 4．x和Explorer 3．x看上去一样，请参见下面一节“你能从来书中学到什么”。
　　你已经阅读过我的其他作品，并不喜欢我的写作风格。我在此保证我的写作风格基本没有任何变化。
　　你能从本书中学到什么..
　　从一开始，我就打算写一本趣味性强、有交互性的书，重点放在CSS实用而有趣的用法上面，并能在目前所有的浏览器中运用。为了做到这一点，每个项目的样式都从无到有一步一步地展开，并能在网上使用。如果本书写得好，你应该有这种感觉：你在并肩和我一起评说我正在做的项日。

　　女朋友来到我的工作室时，我对她说：“今天我不打算再给Eric Meyer写信了，我要自己解决CSS问题。”她听了很兴奋。.
　　她点点头，瞥了一眼我正在设计的网站，说：“你终于解决了一直困扰你的网站菜单栏的问题。”
　　“嗯。实际上今天早些时候我给Eric Meyer 发了邮件，他回复了我。现在我要自己解决这个文字特效的新问题。今天不用再麻烦Eric Meyer 了。”
　　她说：“嗯！那你在给谁写信呢？”
　　我关闭了打算发给Eric Meyer 的邮件。
　　“只是一个老同学而已。”我说。
　　自我介绍一下，我叫Jeffrey，是Eric Meyer 的粉丝。
　　我记不起第一次给CSS 专家Eric Meyer 写信是什么时候了。当时，我正在进行一个Web 项目，其中一个浏览器兼容性问题困扰着我，我打算求助于他。就在那个时候我意识到，我的生计开始依赖于不断获取Eric Meyer 所提供的CSS 知识。
　　不知不觉就迷上了Eric Meyer。他讲解CSS 的书浅显易懂。他的网站www.Meyerweb.com 上有无数激发灵感的高级CSS 设计示例，还有Meyer 为许多电子或传统杂志编写教程，其中包括Netscape DevEdge。而且，他和另一个专家John Allsopp 还共同维护着CSS 邮件列表。
　　我不分昼夜贪婪地使用所有这些资源，同时我渴望得到更多。于是我直接给他写信，而他也拨冗写了回信，传授了我在其他地方无法获得的CSS 知识，还解决了我自己解决不了的问题。这样我就立刻踏实了。
　　在今天的网络世界里，或许有很多人像Eric Meyer 一样精通CSS。但是，能把最复杂的CSS 概念深入浅出地解释清楚，并让Web 设计人员能够领会的人屈指可数。许多如Eric Meyer 具有同样技术水平的人解释起CSS 来会令你头疼，而Meyer 则将复杂问题简单化。而即便有其他CSS 专家愿意与大家分享其高水平的技术和清晰易懂的文章，他们也由于太忙不能写书，更不能回复邮件。
　　而Meyer 却做到了。如果没有他的独到见解，我对CSS 的应用可能还停留在比较低的层次。正是Eric Meyer 的耐心、实用和富有激情的指导，才使我完成了精巧、简单易用的网站设计，才能让我的工作室得以继续发展。..
　　我该怎样感谢他呢？难道是无休止地向他请教问题：
　　“为什么这个布局在这个浏览器中会断开？”
　　“当一套图片换成另外一套时如何关闭链接颜色？”
　　“我可以在浮动这个元素的同时定位它吗？”
　　我可能有些过分依赖他了，但我也有自知之明。我知道Eric Meyer 至少和我一样忙，所以我要控制住自己，不能随心所欲地经常打扰他。总不能一遇到CSS 方面的问题就给他写信吧，因为每次用CSS 都可能会遇到问题，也就是每个工作日都可能会有问题，那太频繁了！
　　这就是我需要本书的原因。如果你在设计网站，这同样也是你需要本书的原因。因为不能让Eric Meyer 全天候地为你个人服务，拥有本书就成为最佳选择。在某些情况下，这种选择似乎更好。书中这个虚拟的Eric Meyer 至少不会在你家吃开心果，弄脏地毯，也不会喝你家的牛奶，最重要的是，在你面对麻烦的CSS2 选择器而不知所措时也不会笑话你。当然，Eric Meyer 本人也不会这么做，这就是我钦佩他的另一个重要原因。他的谦和态度是真诚的，从他的书中字里行间就能够体会到这点。
　　本书还配有大量的代码，体现了作者丰富的思想。这是可以解决Web 设计者在实际工作中所遇问题的实用思想，是激发创造性的独特思想。如果你的任务紧迫，你可以把本书当作实用有效的参考手册；你也可以躺在阳光充足的寂静山坡上悠然阅读，将它的概念转换成你自己的艺术思想。这些我都打算去做做。但在开始享受本书之前，我必须做一件事情。
　　我必须再次给Eric Meyer 写信。这封信的内容很少，只是一句简单的话而不是问题——“谢谢你写了本书！”...

　　心理学告诉我们，任何遭受过重大的精神创伤或因不幸而改变生活轨迹的人，通常都会经历4个阶段：不相信、愤怒、挣扎和接受。对许多网页设计者来说，类似的重大事件就是HTML规范正在废除类似[b]和[font]的元素。为了让页面看起来更美观，就有必要掌握一种新的技术：CSS(Cascading StyleSheet，层叠样式表)。.
　　由于不能接受这些有用的标签可能被淘汰的事实，网页设计者们通常都会迁怒于W3C(World WideWeb Consortium，万维网联盟或W3C理事会)(可能会说出“愚蠢、头脑不清、脱离实际”之类的话)。接下来，他们则会在心里暗暗发誓，以后要少用font标签了。通过本书，我希望我能做到的是缩短这一接受的过程，并向你展示这种转变其实应当是一件幸事，而不要把它看成是一种悲剧。快来加入我们吧，你将会感到自由和快乐!
　　CSS允许页面设计者在简化文档结构的情况下，还提供——种更复杂的方式对丈档进行样式设置。这样做的最终结果是，文档变得更加容易维护，布局不但更容易创建，而且随时可以进行无限次的修改。可以这样认为，它就像从古老的大型机终端到全新台式机的升级。你以前需要较长时间和复杂技巧才能完成的任务，现在正变得快速和简单。就如你可以在台式机上玩Quake，而在大型机上你只能玩Nethack。
　　轻松进入全新CSS世界的最好方法就是，将全部使用HTML的传统设计与使用HTML+CSS的等同设汁进行对比。进行这样对比的最简单方法是，把现有的内容从完全使用HTML的设汁转换成使用CSS布局的简单结构，这不仅能够让你明白传统的复杂布局是如何用CSS来实现的，也会发现新旧两种版本的设计之间，在文件大小和服务器负载方面的差异。..
　　1．1项目目标
　　本章的目标非常简单，就是把一个完全使用HTML来制作的页面转换成使用HTML+CSS来实现。这样，我们将会看到通常使用的HTML结构和技巧如何被更加简洁的标记和CSS所替代，还可以看到如何使文档标记变得简洁易读。本项闩完成之后，我们会对于作成果进行检验。
　　当涉及文档的每部分内容时，再对这部分的标记进行评价。我们事先并不知道应该采取什么样的方法，不过在这里仍然把如下目标说清楚。
　　尽量减少页面中使用图片的数量，这会带来两个好处：文档结构清晰，减少服务器请求的次数。
　　暂且不修改为整个页面布局所使用的大表格，但如果有可能，就把小的表格转换成非表格的标记。
　　转换后的页面效果看起来应尽量和未转换前的页面效果相同。尽管前后两种方法做出来的效果不能保证一个像素都不差地完全相同，但是我们应当尽最大努力去减小这种差异。
　　如果实现了上面的3个目标，那么我们的工作就做得相当出色了。...