網誌地址遷至 www.myWoolf.com

在CSS3被各主流浏览器全面支援前,要学习及应用都好困难… (接上文)

接上文)接触 CSS3 后,不过才试用了几个新增的属性后,就被吸引了。以往需要特别自定义背景图片、或使用相对复杂的 JavaScript 才能达到的一些效果,这下子可以使用 CSS 轻松自由地应用在网页的各个部分;甚至还单纯地认为这真是一个“伟大”的突破了。

当时对 CSS1/2 已经上手,自认有能力解析并修改大部分网页的 CSS 了(只是自认为);但就因为 CSS3 “看起来很有趣”,兼自己“变态”地梦想要成为所有自己晓得的领域的专业(说得好听点就是“求知欲”?),就迫不及待想要学习;但深入点了解 CSS3 后,马上发现了对我学习、应用 CSS3 都会造成很大困扰的问题。

[Image: CSS3 & Styling / HTML5 Logos by W3C
↑↑ 万维网联盟 (W3C) 发布的 HTML5 图标中用作代表 CSS3 & Styling 的标志

应用 CSS3 最大的问题就是它仍未成为万维网标准 (W3C Standard);但要说应用者面对的问题,那应该才是导致它仍未成为万维网标准的原因。——如在各浏览器中的兼容性。

虽然 CSS3 在十多年前已经开始编写,但直至今年年中,其中的颜色类别 (Color Module) 才被发布为 W3C Recommendation (莫非其它类别还遥遥无期?)很明显地, CSS3 仍未广泛地被认识、应用。尤其最近不少主流浏览器才开始关注对 CSS3 的支援;即使一个网页编写员跑在科技的尖端在他/她的网页上应用 CSS3 ,在好多浏览器上根本没有效果,有很多用户根本没看到这位网页编写员的 "high tech" 、专业(好失落呢……)除去失落感不讲,这对于要使网页设计、功能显示一致是很麻烦的。

你可以要求(或“建议”)用户使用特定的浏览器浏览你的网页,但就是——麻·烦,对你和用户来说都一样。如果你想要尽可能在更多的浏览器兼容,也是麻烦。现时要在不同的浏览器显示所使用的 CSS3 ,依不同的排版引擎 (Layout engine) ,往往需要在属性前加上不同的前缀:
  • Internet Explorer: -ms-
  • Mozilla Firefox: -moz-
  • Google Chrome: -webkit-
  • Safari: -webkit-
  • Opera: -o- / -xv-
要记得哪些属性可以在哪个版本的哪个浏览器上应用、需不需要使用前缀等等并不痛苦的,麻烦的是不断“更新”自己对这些东西的记忆。也许某天某个浏览器更新版本后,对 CSS3 的支援就不一样了。

[Image: CSS]即使 CSS 仍有不少限制和不足之处,但因为带来的便利,已经取代传统使用的 <TABLE> 广泛地在网页排版上被应用。

但本地有不少网页设计师竟不懂得,甚至认为不需要懂得 CSS;也许网页模板的确是网络开发者 (web developer) 的工作,但我始终认为学会 CSS,对网页设计师的工作是有帮助的。
以上只是个人意见…

待续……(好麻烦,无限期搁下好了)


分享到微信

2 則留言 臉書留言

凡走過必留下痕跡,您的一個留言就是很大的鼓勵!

(: 沒有 Blogger 帳號的讀者,請選擇『名稱/網址』留下您的大名! :)

  1. 我連CSS1都還沒來得及去了解……T^T

    回覆刪除
  2. 邁爾斯 阿波羅:
    你要工作嘛~我那是考完 SPM 後很‘得空’就去自學了……

    回覆刪除

Copyright © 2007- Zed Woolf, licensed under CC BY-NC-ND 4.0.