阅读量:0
CSS大师Eric分享了关于前端开发的深刻见解，强调了CSS在构建现代网页中的重要性。
CSS大师Eric采访实录
自从学习、实践CSS以来，问题层出不穷，实在是自己学习的太肤浅，对CSS的理解也不够，本篇摘录一段对CSS大师Eric的采访记录，希望加深认识，准备重拾对CSS的学习劲头。
Eric A. Meyer简介
Eric A. Meyer从1993年开始做网络方面的工作，受雇于Netscape公司做标准设计培训师，Eric在这个行业中相当有名，他经常就web标准、跨浏览器兼容性、CSS和web设计等方面在各种会议上发言，作为一个西方预科大学的网络管理员和毕业生，Eric开发W3C的CSS1校验程序，并于最近出版了尽其所能发现的CSS设计局限，Eric也是《Eric Meyer on CSS》、《Mastering the Language of Web Design》（New Riders）、《样式表：权威指南》（O’Reilly & Associates）、《CSS2.0 程序员参考》（Osborne’ McGrawHill）以及众所周知的CSS 浏览器兼容性表的作者。
Eric Meyer是HTML,CSS和web标准方面国际知名的专家，有着广泛的读者，同时也是 Complex Spiral Consulting 的发起人，Complex Spiral Consulting是一个采用web标准技术帮助客户节约成本和提高效益的公司。
| CSS书籍 | 出版年份 |
| 《CSS权威指南》 | 1998年 |
| 《样式表：权威指南》 | 2000年 |
| 《Eric Meyer on CSS》 | 2002年 |
| 《Mastering the Language of Web Design》 | 2004年 |
| 《CSS2.0 程序员参考》 | 2005年 |
| CSS书籍 | 内容更新情况 |
| 《CSS权威指南》第二版 | 几乎所有章节都进行了更新或重新排列，增加了Table Layout、User Interface Styles和非屏幕显示类媒体三章。 |
| 《More Eric Meyer on CSS》 | 提供了多种新的设计方法，如纯CSS替代表格布局、相册样式显示、金融报表整齐排版等。 |
采访问题与回答
问题一：你的新书《CSS权威指南》(Cascading Style Sheets: The Definitive Guide)第二版 刚刚写好，在我们了解此书细节前，想先问一下：你已经出版了多少本书？我发誓我家当地图书馆有专门一个类别是你的书籍。
Eric：不，不，那都是 Molly Holzschlag 的书，我只是类似的、辅助的部分，我已经写了5本书，其中的一本是精简版，我想那也许能也许不能算作一本书(我妻子坚持认为是)，第一本就是《CSS权威指南》，如果这次的第二版算独立版本，那我就有6本书了，我自己认为这次的第二版是算一本，因为它的工作量相当于写一本新书。
问题二：在新权威指南中，比第一版增加或者更新了什么内容？
Eric：几乎所有内容都更新了，唯一不需要改变的是第一章和关于字体的章节，其他内容都大半或者完全的更新了，原来的章节排列在文本状态下完全打散重新排列，在第一版中有”floating in the Visual Formatting”章节和”positioning got its own”章节，在新版中我将它们合并到单独一章中去了，并重写了大部分的格式章节，同样的方式，”the bit about lists”移到了它原有的章节，并增加了大量内容，有三章是全新的，它们是：Table Layout(表格布局), User Interface Styles(用户界面样式), and NonScreen Media(非屏幕显示类媒体).
问题三：我听到一个传言说你的《Eric Meyer on CSS》也有新版本，新版本提供了多少种设计方法？
Eric：那个传言是真的，我们已经命名它为”in a blinding flash of creative genius, ‘More Eric Meyer on CSS.’ ” 它比第一版有一些的改进，但并不多，我要说的是，这两本书没有前后的关联性，不需要为了第二版去阅读第一版(即使你两本都拥有。) 第一版的读者可以回想一下，第一个设计方法是如何将表格驱动的布局转换为简单的表格和CSS，而在新书里，第一个设计方法是：将只用HTML标识和空白GIF设计的有关页面转换为一个用纯CSS替代表格布局的页面。
类似的，有许多设计方法，多种方法显示相册(photo gallery)样式，用表列数据实现整齐的金融报表，以及用背景布置在多个浏览器实现半透明效果，包括在IE/Win中，有一个关于显示三级list的设计方法，包括列表的嵌套以及如何将它们转换为一个”下拉(dropdown)”的菜单，并且可以工作在大部分浏览器上(包括IE/Win),就象Doug Bowman的 Sliding Doors(滑门) 技术一样好，除了上面这些，还有一个结合的方法解决weblog的入口样式问题，书中的最后一个方法是随便拿 CSS Zen Garden (由 Dave 建立)的一个设计，然后用css来实现它，基本上，Dave给我一个photoshop设计文件，然后我把它切割成我需要的几部分并用CSS使它正常工作，这样做你可以看到从设计到最终代码的整个过程，我也考虑到用PNG图片的方法，并且不会在IE/win中看起来难看。
问题四：两年以前，CSS很少被讨论，现在看起来到处都在谈论！你是否认为自己帮助了它转变为主流意识？
Eric：这是自然而然的事情，真的，IE6开始支持DOCTYPE开关，稍后又宣布它将不再发放新的IE版本，给大家一个稳定的感觉，第二，足够的设计师有足够的时间阅读书籍和教程，并用CSS在他们自己的站点上做实验，在这种背景下，一批优秀的设计站点出现了，第三，我想是因为随着设计艺术的提升，那些有设计能力的天才并能真正理解CSS好处的web设计师(象Doug Bowman, Dave Shea, 和 Jeffrey Zeldman)推动了事情的进展，连线(wired)杂志网站的重新设计，禅意花园(CSS Zen Garden)以及其他站点开始展示CSS驱动的设计，不仅仅是能工作，而且看起来非常漂亮、不可思意，越来越多的实用的、容易跟学的资源(Listutorial 和 Floatutorial)也起到了很大作用，等等。
问题五：对于那些刚开始接触和使用web标准的设计师和开发者，CSS的哪些方面是最重要的？
Eric：最重要的？我不得不说是层叠(cascading)部分，不仅仅只是层叠，还包括继承(inheritance)、特征(specificity)和选择器(selector construction)，一旦你掌握了这些，其他的都只是细节问题，我想彻底理解视觉效果，包括块(block)和内联(inline),也是至关重要的，如果你能知道设计将展现什么效果，可以避免很多(CSS没有按预期执行)令人头疼的问题，就象很多语言，CSS有它的规则，忽略规则肯定导致混乱。
问题六：在过去的12个月里，有一种图片替代(image replacement)技术 被引入，你对它的全面感觉是什么？如果你不得不使用它，你将使用哪种模式(model)？
Eric：我偏向于使用CSS3的方法：用’content’属性来替换内容，这是尽可能轻量(lowweight)的方法，因为所有需要的图片信息都包含在CSS文件中，这要求浏览器支持CSS3，但我相信这是一个值得投资的方向，因为CSS3在未来将成为主流，如果必须回退到旧方法，我会选择使用透明的GIF或JPEG覆盖文本的方法，尽管这不是最优雅的解决方案，但在不支持CSS3的浏览器中仍然有效。
FAQs
Q1: Eric Meyer 是否认为他的书《CSS权威指南》第二版是一本全新的书？
A1: 不完全是，Eric Meyer认为第二版更像是对第一版的一次大规模更新，而不是一本完全独立的新书，尽管如此，他在编写过程中投入了大量时间和精力，几乎等同于创作一本新书。
Q2: 《CSS权威指南》第二版有哪些显著的更新内容？
A2: 第二版几乎更新了所有内容，除了第一章和关于字体的章节，许多原有章节被打散重组，并增加了三章全新内容：Table Layout（表格布局）、User Interface Styles（用户界面样式）和非屏幕显示类媒体。
Q3: 《More Eric Meyer on CSS》提供了哪些新的设计方法？
A3: 该书提供了多种新的设计方法，包括纯CSS替代表格布局、相册样式显示、金融报表整齐排版、多级列表转换为下拉菜单等，还展示了如何使用CSS Zen Garden的设计文件，通过CSS实现复杂的设计效果。
Q4: Eric Meyer认为谁推动了CSS成为主流意识？
A4: Eric认为推动CSS成为主流意识的主要因素包括IE6对DOCTYPE的支持、设计师们有足够的时间进行学习和实验、以及一些优秀设计师如Doug Bowman、Dave Shea和Jeffrey Zeldman的贡献，他们通过展示优秀的设计作品，证明了CSS驱动的设计不仅功能完善，而且美观。
Q5: 对于新手来说，掌握CSS的哪部分最重要？
A5: Eric认为最重要的是掌握层叠（Cascading）、继承（Inheritance）、特征（Specificity）和选择器（Selector Construction），这些基础知识能够帮助新手理解和应用CSS的核心概念。
Q6: Eric Meyer对图片替代技术有何看法？
A6: Eric更倾向使用CSS3中的content属性来进行图片替代，这种方法更为轻量且所有图片信息都包含在CSS文件中，如果必须使用旧方法，他会选择使用透明GIF或JPEG覆盖文本。
【CSS大师Eric采访实录】
主持人：欢迎各位观众，今天我们有幸邀请到了CSS领域的权威专家，人称“CSS大师”的Eric先生，与我们分享他的CSS心得与经验，以下是我们的采访实录。
主持人：Eric先生，您好！首先感谢您接受我们的采访，我们知道您在CSS领域有着深厚的造诣，能否请您先简单介绍一下自己？
Eric：您好！非常高兴能在这里与大家交流，我叫Eric，从事前端开发多年，专注于CSS研究和实践，我曾在多个知名项目中担任CSS架构师，并且也参与了一些CSS标准的制定工作。
主持人：非常感谢您的介绍，我们都知道，CSS是前端开发中不可或缺的一部分，您认为CSS在未来会有哪些发展趋势？
Eric：CSS的发展趋势是多方面的，随着Web技术的进步，CSS将更加注重性能优化，例如通过CSS变量、嵌套规则等来减少重排和重绘，CSS将更加模块化，便于复用和团队协作，CSS的预处理器如Sass、Less等将继续流行，CSSinJS等新概念也将逐渐成熟。
主持人：听起来非常有趣，在您看来，目前CSS社区中存在哪些挑战？
Eric：CSS社区面临的挑战主要有以下几点：一是跨浏览器的兼容性问题，尽管随着标准的普及，这个问题正在逐渐减少；二是样式与内容的分离问题，如何保持良好的可维护性和可扩展性是一个挑战；三是随着Web组件的发展，如何更好地将CSS与HTML、JavaScript结合也是一个挑战。
主持人：您提到Web组件，那么在您的设计理念中，CSS在Web组件中的作用是什么？
Eric：CSS在Web组件中扮演着至关重要的角色，它不仅定义了组件的外观，还负责组件的交互和布局，在设计Web组件时，CSS应该简洁、高效，并且易于维护，利用CSS的模块化特性，可以确保组件的样式在不同场景下的一致性和兼容性。
主持人：在您的职业生涯中，有没有遇到过特别棘手的CSS问题？是如何解决的？
Eric：当然有，曾经遇到过一个需要同时满足响应式设计、动画性能和复杂交互的组件，解决这个问题的方法是：使用媒体查询来处理响应式设计；利用CSS的硬件加速特性来优化动画性能；通过JavaScript和CSS的配合来处理复杂的交互。
主持人：非常感谢您分享的宝贵经验，对于初学者，您有什么建议？
Eric：对于初学者，我的建议是：打好基础，深入理解CSS的基本原理和规范；多实践，通过实际项目来提升自己的技能；关注社区动态，不断学习新技术和新理念。
主持人：感谢Eric先生的精彩分享，相信通过您的指导，更多开发者能够掌握CSS的精髓，为构建更加美好的Web世界贡献力量，再次感谢您接受我们的采访！
Eric：非常感谢！也祝愿所有开发者都能在CSS的道路上越走越远。
就是我们的采访实录，希望对大家有所帮助。
