三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之
三人行必有我师焉,择其善者而从之,其不善者而改之

[转]CSS 期望表 (Wishlist)
作者:Neoxone    发表时间: 2008年10月13号,星期一     阅读:2,165 次

著名的 Web 设计网站 CSS-tricks.com 最近组织了一次调查,请15名顶尖的 Web 设计师对 CSS 提出自己的期望,15名设计师包括 Jon Hicks,  Wolfgang Bartelme, Mint 的 Shaun Inman 以及 Stuff and Nonsense 的 Andy Clarke。

调查结果显示,最被期待的 CSS 功能是 CSS 圆角,其它期待的功能包括跨浏览器渐变与阴影,类似 Photoshop 的层融合效果,更一致的声明简化语法以及对条件判断的本地支持。这些期待中一部分已经包含在未来的 CSS-3 中,但更多的仍然只是一些梦想。

WebMonkey 的编辑们将这个 Wishlist 发表在他们的网站并让 WebMonkey 的读者投票选出最热门的项目,以下是按投票多少排列的 CSS Wishlist 部分列表(只选取最热门的项目)。

垂直居中

by michael lascarides

针对 block 对象的更容易的垂直居中设置。(div + css 让人既爱且恨的一个重要原因就是垂直居中,让一个对象垂直居中显示在 block 容器中,且兼容所有主流浏览器简直就是一个噩梦 – 译者)

CSS 圆角

by Webmonkey

标准的,直接基于 CSS 的圆角是很多人的期待,这样,就不必再费尽心机只为了显示一个圆角。

兼容所有主流浏览器的 CSS 2.1 与 CSS 3

by Erik

能兼容所有主流浏览器的 CSS 2.1 与 CSS 3 是 Erik 的梦想,但其中的某些功能在某些浏览器中总是磕磕绊绊。

更好的嵌入字体

by Webmonkey

不要 sFIR, 不要图片,要真正的字体。

CSS 变量

by Jeffrey Jordan Way, via css-tricks.com

能定义诸如色彩值一类的变量

更好地支持 100% height

by JLR

设置了 100% height 的容器的顶部和底部真正附着在页首和页尾,页面中间部分匹配内容并准确显示滚动条。搜索“100% height css”能找到各种解决方法,但事情原本不该这么复杂。

可重复使用变量

by Neal Lindsay

比如:

@var mycolor = #0080FF
h1 { color: mycolor; }
div.containbox { border: 1px mycolor; }

浏览器一致性与定义顺序

by JML

浏览器一致性非常重要。某些 CSS 在某些浏览器被忽略或部分忽略使 CSS 只有借助 JavaScript 才能正常使用。同时,对里面的 CSS 定义应该可以覆盖全局定义。

一句话复原

by Chris Pitzer

很多设计者要写40多行代码才能清除浏览器默认 CSS 定义,应当有一个简单的声明一次性将所有 CSS 复原,比如:

body { clear-default-styles:true; }

图形旋转与反转

by Stephen Bell

在设置图形圆角效果时候,我们需要同一个圆角图片的4个旋转版本来实现。应该有一个简单的声明实现旋转,如:

img .horiz { rotate:90; }

成组的 CSS 简化定义

by Volkan Görgülü, via css-tricks.com

如:

#foo h1, #foo h2, #foo h3

该为:

#foo [h1, h2, h3]

渐变

by Anonymous

以避免一条线一条线地实现渐变。(貌似是句玩笑话,表示不方便–oneboys)

定位计算

by Anonymous

不使用 JavaScript 而是直接在 CSS 中实现:

left: ID1.Left + ID1.Width + 2px;

使用 image 作 border

by Anonymous

应当可以用 image 作为 border,如:

border-right: url(‘image.png’)

Multiple background images

by Brad

这一条是译者人为提前的。这个 CSS 功能非常有用,事实上,有了这个功能,完美实现 CSS 圆角就变得十分简单了。

 

 

本文国际来源:http://www.webmonkey.com/blog/What_s_On_Your_CSS_Wishlist_
中文翻译来源:COMSHARP CMS 官方网站

留下回复

):9:( ):8:( ):7:( ):6:( ):5:( ):4:( ):3:( ):2:( ):20:( ):1:( ):19:( ):18:( ):17:( ):16:( ):15:( ):14:( ):13:( ):12:( ):11:( ):10:(