10个值得关注的优秀CSS框架
? 就像其他編程語言一樣,CSS也可以把一些重復使用的代碼整合起來,這樣可以減輕很多的工作量。
? 恰當地利用CSS框架可以縮短開發時間,不過話說回來,如果選錯了CSS框架胡亂用于實際開發中,必然會適得其反。
?下面介紹的是一些值得深入研究的開源CSS框架,你可以通過搜索輕易地獲取源代碼。
?
? 1.Blueprint:
Bluepring ?包含了方便實現瀏覽器兼容的reset css。另外,它還包含了在網頁開發中經常用到的很多外部工具和模板。
?
2.960 Grid System
又一個值得深入研究的CSS框架,提供的源文件包含了Firework、Photoshop、Inkscape等等的模板,可以拿來隨手即用,PSD文件中已經預置了參考線,可以為設計師節省不少時間。
?
3.Tripoli Framework
Tripoli可以支持幾乎現有的所有瀏覽器,甚至是IE5,包含了一些基礎css庫,和一些封裝過的CSS插件,比如:Layout、Visual、Type、Negative。
?
4.YAML - Yet Another Multicolumn Layout
YAML是一款開發文檔齊全、非常可靠的框架,參照它給出的PDF文檔和官方網站上的示例可以很輕松地上手,它也提供很多開發中可以利用的工具,比如李詠YAML Builder可以構造一個機遇YAML的CSS布局實例。
?
5.YUI Grid CSS
YUI Grid CSS不僅支持固定寬度的布局實現還支持不定寬度的布局,這也是它比其他框架更為靈活的地方,你可以下載YUI的cheat sheet和官方網站的YUI Grids Builder來快速上手使用YUI Grids CSS。
?
6.BlueTrip
Blue Trip區別與其他框架的特點是它非常有特色而且十分美觀,它的官方網站上有完整的開發文檔和demo。
?
7.Content With Style
Conten With Style是一款固定寬度布局的CSS框架,包含了一系列的布局示例比如,一列垂直導航、兩列垂直導航等等。
?
8.Elastic CSS Framework
Elastic提供了用聲明式語言來定義布局結構和行為,這個框架還剛剛起步,最好的Demo就是它的官網本身。
?
9.Molio CSS/HTML Templates
Mollio的開發始于IE7暴露出很多渲染的問題,它可以作為網站布局的參考,特別適合CSS初學者。
?
10.SenCSS
Sen并沒有提供布局方面實例,但是有一些類似baseline, fonts, paddings, margins的css可利用,它包含了一個開發版本和一個發布版本。
?
其他的一些CSS框架,可能你也會喜歡:
WYMstyleCSS-boilerplateTypogridphyCleverCSSLogicss?
選擇一框合適的CSS框架不管對學習CSS還是實際開發都是非常有用的,熟悉更多的框架就可以通曉這些框架設計和實現的可鑒之處,提高CSS框架設計水平之日可待。 本站文章如無特殊說明均為原創,轉載的朋友請保留文章鏈接和出處: 本文鏈接:http://jsssc.cn/10-promising-css-framework-that-worth-a-look/ 出處:路可轉載于:https://www.cnblogs.com/joe235/archive/2009/05/31/1492665.html
總結
以上是生活随笔為你收集整理的10个值得关注的优秀CSS框架的全部內容,希望文章能夠幫你解決所遇到的問題。