Web開發期待的CSS的一些功能
2024-07-11 08:24:35
供稿：網友
著名的 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 部分列表（只選取最熱門的項目）。
CSS 圓角
by Webmonkey
標準的，直接基于 CSS 的圓角是很多人的期待，這樣，就不必再費盡心機只為了顯示一個圓角。
垂直居中
by michael lascarides
針對 block 對象的更容易的垂直居中設置。（div css 讓人既愛且恨的一個重要原因就是垂直居中，讓一個對象垂直居中顯示在 block 容器中，且兼容所有主流瀏覽器簡直就是一個噩夢 - 譯者）
兼容所有主流瀏覽器的 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
