武林網(www.49028c.com)文章簡介:利用 CSS 框架,可以簡化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合體,包含了基本的元素重置,頁面排版、網格布局、表單樣式、通用規則等代碼塊。下面給你推薦了27款優秀的CSS框架,你可以選用。
利用 CSS 框架,可以簡化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合體,包含了基本的元素重置,頁面排版、網格布局、表單樣式、通用規則等代碼塊。下面給你推薦了27款優秀的CSS框架,你可以選用。
1. 960gs960 像素的頁面寬度似乎成為了一種設計標準,在當前各種分辨率下,能夠很好地展現網頁內容。提供較為常用的尺寸來簡化網頁設計過程,使工作簡單高效。
芒果曾經介紹過由雅虎開發小組推出的 YUI,而這個 YUI Grids CSS 正是其中的一部分。作為最著名的 CSS 框架之一,YUI Grids CSS 提供了四種預設頁面寬度,六種預設模板。其中的負 Margin 技術,使用度量單位 em,清除布局浮動等技術非常值得學習和借鑒。
3. BlueprintBlueprint 是一款成熟的 CSS 框架,它將布局 (layout)、排版 (typography)、組件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在網頁設計時就減少了引入的代碼,提高了頁面加載效率。
4. BlueTripBlueTrip 是一個集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印樣式; 960.gs的簡潔;Elements 圖標的一個css框架。為你提供一個好用的樣式集合和一個制作網站的通用的方法。這樣你就可以集中精力搞設計了。
5. Elastic CSSElastic 是一個簡單的 CSS 框架用來對網頁進行布局。Elastic 可實現各種各樣常見的網頁布局。
6. Easy市面上流行的JQUERY組件功能都被納入其框架中,你只要直接使用這個框架,不用學習復雜的AJAX JQuery語法,非常方便。
7. EZ-CSSEZ-CSS是一個輕量級,瀏覽器友好,易于使用的CSS框架。用于創建CSS+Div的頁面復雜布局(layouts)。
8. TripoliTripoli是一個用于HTML表現的通用css規范。通過重設和重建瀏覽器標準,Tripoli 為你的網站項目提供了一個標準的、跨瀏覽器表現的基礎。
9. CleverCSSCleverCSS 是一個用于css的受Python啟發的小型的標記語言,它可用于以整潔的和結構化的方式創建一個樣式表。在很多方面它都比CSS2整潔和強大。與CSS最明顯的區別是句法:它基于縮進而且不單調。雖然這顯然違反了Python的規則,它依然是組織樣式的很好的主意。
10. SenCSS它為你CSS重復的部分提供了合理的樣式,這樣你就能更加關注于自己網站的樣式。SenCSs不像其他CSS框架那樣,它不包含各種雜亂的布局樣式或是預定義的柵格系統,那SenCSs能剛什么呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能辦到的。
新聞熱點
疑難解答