Eric Meyer谈CSS(卷1)

【内容简介】

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

【编辑推荐】

CSS界传奇人物Eric Meyer著作，13个典型项目，完美结合理论与实践，展现CSS的无穷魅力。
“每当我遇到CSS方面的问题时，首先想到的就是给Meyer写邮件。没有他的独到见解，我对CSS的应用可能还停留在比较低的层次。现在好了，我可以更多地求助于这本书。谢谢Meyer!”
　　 ——JeffreyZeldman，《网站重构》一书作者，Web标准项目创始人之一
“Eric Meyer可能是我们这个世界最睿智的CSS专家。他对此项技术的深刻理解革新了我们使用CSS的观念。通过循序渐进的讲解方式，本书将优秀的思想和解决方案直观地带到我们面前，让我们从中获益匪浅。”
　　 ——Nick Finck，Digital Web Magazine主编
“当你阅读本书时，你不会感觉到Meyer是在生硬地讲解CSS，而是以一种极富禅意的方式娓娓道来。他对表格和CSS的运用已臻化境。你会感觉自己像是真的身临其境，观看他重新设计网站的全过程，而且这些网站都具有永恒的魅力。Meyer让CSS的学习变得如此简单……强烈推荐本书!”
　　　　——Andy King，webreference.com
CSS是一种强大而优美的工具，它的潜力远远超过我们的想象。本书中，世界级CSS大师E ric Meyer通过13个典型项目，将深刻的理论、独到的学习方法和宝贵的实践经验完美结合起来，为我们展示了CSS的无穷魅力。

【作译者介绍】

【目录信息】

第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　练习　
第2章　设置新闻稿页面的样式　
　2.1　项目目标　
　2.2　准备工作　
　2.3　打下基础　
　2.4　编写样式　
　　2.4.1　联络信息　
　　2.4.2　页脚　
　　2.4.3　主要文字样式　
　　2.4.4　新闻标题的样式　
　　2.4.5　润色顶部内容　
　2.5　修改样式　
　　2.5.1　修改页面本身　
　　2.5.2　页面的顶部　
　2.6　制作外部样式文件　
　2.7　添加到基础设计中　
　　2.7.1　再回到标题　
　　2.7.2　再次回到主要文字　
　　2.7.3　页脚　
　2.8　练习　
第3章　设置日历样式　
　3.1　项目目标　
　3.2　准备工作　
　3.3　打下基础　
　3.4　设置文档样式　
　　3.4.1　设置日历顶部的样式　
　　3.4.2　创建网格　
　　3.4.3　区别月份　
　　3.4.4　区分日期　
　　3.4.5　修改7月份的日期样式　
　　3.4.6　突出显示当前日期　
　　3.4.7　将日历放到文档中　
　3.5　给更详细的日历设置样式　
　　3.5.1　分割日期　
　　3.5.2　总体修改　
　　3.5.3　让span元素块状显示　
　　3.5.4　日期靠角　
　　3.5.5　重建网格　
　　3.5.6　最后一些小修改　
　3.6　练习　
第4章　让链接生动起来　
　4.1　项目目标　
　4.2　准备工作　
　4.3　打下基础　
　……
第5章　如何设置菜单样式　
第6章　创建打印样式　
第7章　美化输入表单　
第8章　创建在线贺卡　
第9章　多列布局　
第10章　溜出盒子
第11章　定位一个更漂亮的设计　
第12章　固定背景　
第13章　用CSS制作本书　
索引

<< 查看详细目录

【前言】

很多读者都知道，在过去的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如何工作。.<.. << 查看前言

【序言】

女朋友来到我的工作室时，我对她说：“今天我不打算再给Eric Meyer写信了，我要自己解决CSS问题。”她听了很兴奋。.
她点点头，瞥了一眼我正在设计的网站，说：“你终于解决了一直困扰你的网站菜单栏的问题。”
“嗯。实际上今天早些时候我给Eric Meyer 发了邮件，他回复了我。现在我要自己解决这个文字特效的新问题。今天不用再麻烦Eric Meyer 了。”
她说：“嗯！那你在给谁写信呢？”
我关闭了打算发给Eric Meyer 的邮件。
“只是一个老同学而已。”我说。
自我介绍一下，我叫Jeffrey，是Eric Meyer 的粉丝。
我记不起第一次给CSS 专家Eric Meyer 写信是什么时候了。当时，我正在进行一个Web.. << 查看序言

【书摘】

心理学告诉我们，任何遭受过重大的精神创伤或因不幸而改变生活轨迹的人，通常都会经历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个目标，那么我们的工作就做得相当出色了。...

【插图】

【相关资源】

· 程序员的7种武器(正则表达式、编程语言、数据库、算法、软件调试、开发环境)
· 【嵌入式学院相关就业培训课程】(嵌入式Linux、Symbian手机开发、WinCE/Mobile开发、FPGA等)
Eric Meyer谈CSS(卷1) -所有相关信息