日期:2014-04-03  浏览次数:21290 次

网页制造aiyiweb文章简介:自从学习、实践CSS以来,问题层出不穷,实在是本人学习的太肤浅,对CSS的理解也不够。

自从学习、实践CSS以来,问题层出不穷,实在是本人学习的太肤浅,对CSS的理解也不够。

本篇摘录一段对CSS大师Eric的采访记录,希望加深认识,预备重拾对CSS的学习劲头。


关于作者和此篇采访
原文于2004年4月21日采访,载于webstandardgroup.org由国内CSS的倡导者和先驱阿捷翻译(注,阿捷乃傅捷,是《网站重构》的译著者)。

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’ McGraw-Hill)以及众所周知的CSS 浏览器兼容性表的作者。

Eric Meyer是HTML,CSS和web标准方面国际知名的专家,有着广泛的读者,同时也是 Complex Spiral Consulting 的发起人。Complex Spiral Consulting是一个采用web标准技术协助客户节约成本和提高效益的公司。

问题一
Russ:你的旧书《CSS权威指南》(Cascading Style Sheets: The Definitive Guide)第二版 刚刚写好,在我们了解此书细节前,想先问一下:你曾经出版了多少本书?我发誓我家当地图书馆有专门一个类别是你的书籍。

Eric:不,不,那都是 Molly Holzschlag 的书,我只是类似的、辅助的部分。我曾经写了5本书,其中的一本是精简版,我想那也许能也许不能算作一本书(我妻子坚持认为是)。第一本就是《CSS权威指南》,如果这次的第二版算独立版本,那我就有6本书了。我本人认为这次的第二版是算一本,由于它的任务量相当于写一本旧书。

问题二
Russ: 在新权威指南中,比第一版添加或者更新了什么内容?

Eric:几乎所有内容都更新了。独一不需求改变的是第一章和关于字体的章节,其他内容都大半或者完全的更新了。原来的章节陈列在文本形状下完全打散重新陈列。例如:在第一版中有”floating in the Visual Formatting”章节和”positioning got its own”章节,在新版中我将它们合并到单独一章中去了,并重写了大部分的格式章节。同样的方式,”the bit about lists”移到了它原有的章节,并添加了大量内容。有三章是全新的,它们是:Table Layout(表格规划), User Interface Styles(用户界面款式), and Non-Screen Media(非屏幕显示类媒体).

问题三
Russ:我听到一个传言说你的《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中看起来难看。

问题四
Russ: 两年以前,CSS很少被讨论,如今看起来四处都在谈论!你能否认为本人协助了它转变为主流认识?

Eric:这是自然而然的事情,真的。首先,IE6开始支持DOCTYPE开关,稍后又宣布它将不再发放新的IE版本,给大家一个稳定的感觉。第二,足够的设计师有足够的时间阅读书籍和教程,并用CSS在他们本人的站点上做实验。在这种背景下,一批优秀的设计站点出现了。第三,我想是由于随着设计艺术的提升,那些有设计能力的天才并能真正理解CSS好处的web设计师(象Doug Bowman, Dave Shea, 和 Jeffrey Zeldman)推动了事情的进展。连线(wired)杂志网站的重新设计,禅意花园(CSS Zen Garden)以及其他站点开始展现CSS驱动的设计,不只仅是能任务,而且看起来非常漂亮、不可思意。

越来越多的实用的、容易跟学的资源(例如:Listutorial 和 Floatutorial)也起到了很大作用,等等。

问题五
Russ:对于那些刚开始接触和使用web标准的设计师和开发者,CSS的哪些方面是最重要的?

Eric:最重要的?我不得不说是层叠(cascading)部分。不只仅只是层叠,还包括承继(inheritance)、特征(specificity)和选择器(selector construction),一旦你掌握了这些,其他的都只是细节问题。

接下来,我想彻底理解视觉效果,包括块(block)和内联(inline),也是至关重要的。如果你能知道设计将展现什么效果,可以避免很多(CSS没有按预期执行)令人头疼的问题。就象很多言语,CSS有它的规则,忽略规则肯定导致混乱。

问题六
Russ:在过去的12个月里,有一种图片替代(image replacement)技术 被引入。你对它的全面感觉是什么?如果你不得不使用它,你将使用哪种模式(model)?

Eric:我偏向于使用CSS3的方法:用’content’属性来替换内容。这是尽可能轻量(low-weight)和non-hackish的方法。这也是在目前低支持情况下的方法,由于目前只要Opera支持图片替代。

另外,我发现图片替代技术的优点和缺点并存,优点是使某些文本看上去漂亮,缺点是给靠声音阅读者形成易用性问题。坦率讲,真正的问题在于读者本人。他们尝试展现真实的页面和阅读结果,但他们在做的恰恰是一件错误的事情。如果一个页面设置了一个screen-medium款式,而阅读机将完全忽略那些款式,除非大多数的阅读器被重新修缮。


问题七
Russ:好象一提到”font size”就会点燃CSS大讨论–一场字体纯化论者和网页设计师的和平。你能否认为有一个适合所有用户的处理方法?

Eric:没有,虽然我希望有别的方式,但是我没有。每一种设置字体的方法都有优点和缺点。你能做的最好的方法就是找到一种以前最佳,当前变化最小的方法,而且,这需求在不断的设计变化(design-by-design)过程中完成。一位设计师的目标是尽可能以pixel控制文