“CSS 3 不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。你看,浏览器需要跟上了……”
–谨以此文纪录ISD WEBTEAM 09年Q2力作:CSS 3.0 参考手册 (中文版)
背景
苏昱的《样式表中文手册》为代表的CSS2.0参考资料伴随了国内众多web设计师们走过了近10年的时光,这种影响是深远的,但随着CSS技术的不断发展,设计师们多受传统资料的影响,不能超脱现有的篱笆,给自己背上了沉重的包袱。你是否已注意到CSS 3已经蓄势待发?你是否渴望开始使用它们却又不知从何下手呢?正当CSS 3新特性备受期待的时候,我们的CSS3.0 中文参考手册就应运而生了……
什么是CSS 3?
CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
CSS3.0 则表示下一版本的CSS,3.0是版本号。
CSS 3给我们带来了什么惊喜?
CSS3.0对于我们Web设计人员来说不只是新奇的技术,更重要的是这些全新概念的web应用给我们的设计更多的无限可能性,也极大的提高了我们的开发效率。我们将不必再依赖图片或者 Javascript 去完成圆角、多背景、用户自定义字体、3D动画、渐变、盒阴影、文字阴影、透明度等提高Web设计质量的特色应用。CSS 3 .0的出现,让代码更简洁、页面结构更合理,性能和效果得到兼顾。
使用说明
CSS 3.0 参考手册 (中文版) 预览:
不管你是第一次准备去认识CSS 3,还是已经略知皮毛,CSS 3.0 参考手册 (中文版)将有助你更好的学习和理解CSS 3 。还等什么?猛击http://webteam.tencent.com/css3/下载吧!
总结
CSS 3 属性不仅可以极大的提高我们的工作效率,让一些最耗时的CSS任务不费吹灰之力就能搞定,并且可以使用更简洁和更轻量的代码标签。虽然一些属性尚未被广泛的支持,但这并不意味着我们不能为使用高级浏览器的用户提供更好的体验。
CSS 3 能让我们的优化工作有了新的突破。当你已经完成了图片合并、代码精简等优化工作之后,正在焦头烂额不知道还要做啥的时候,可以尝试把用户进行拆分,去寻求更深层次的突破。例如针对一些高级浏览器使用圆角属性,在IE浏览器使用条件注释(或者hack),那么是不是可以在保证效果的同时,让网页更快的呈现在使用高级浏览器的用户面前呢?
如果我们的网站在各个浏览器里的一个差异不影响美观和网站的可用性,它就应该是被考虑的。如果我们继续浪费大量的时间和精力以使每个细节绝对一致(而不是采用更灵活的和未来导向的方案),用户将没有升级他们的浏览器的任何动机,我们也就不能更早、更广泛的使用它们。
我相信随着时间的推进和更多浏览器的支持,CSS 3 将越来越受欢迎,它将为web设计师们带来无穷的能量。Web设计师们,还等什么?让我们一起来感受CSS 3 的能量,用CSS 3 将我们带入下一个高度吧!
特别鸣谢
项目过程中,我们也遇到了很多难点,W3C未正式发布CSS 3 ,工作草案不断更新,存在诸多不确定因素,中文资料匮乏,涉及多个浏览器多个版本的浏览器兼容性测试,测试过程繁琐等等,项目组成员都逐步克服,感谢大家在平时需求压力也比较大的时候还能保持着很高的激情参与到CSS 3 项目中来,在公司加完班,回家了还忙着翻译、测试浏览器兼容性等等,有时候CSS3项目群里讨论的聊天记录到凌晨1、2点…正因为有了可爱的你们,项目才能如此顺利的进行,他们是: