網頁製作必備:27款經典的CSS框架

利用 CSS 框架,可以簡化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合體,包含了基本的元素重置,頁面排版、網格佈局、表單樣式、通用規則等代碼塊。下面給你推薦了27款優秀的CSS框架,你可以選用。 1. 960gs 960 像素的頁面寬度似乎成爲了一種

 

 利用 CSS 框架,可以簡化你的工作,提高工作效率。CSS 框架是一系列 CSS 文件的集合體,包含了基本的元素重置,頁面排版、網格佈局、表單樣式、通用規則等代碼塊。下面給你推薦了27款優秀的CSS框架,你可以選用。

1. 960gs

  960 像素的頁面寬度似乎成爲了一種設計標準,在當前各種分辨率下,能夠很好地展現網頁內容。提供較爲常用的尺寸來簡化網頁設計過程,使工作簡單高效。

  2. YUI 2: Grids CSS

  芒果曾經介紹過由雅虎開發小組推出的 YUI,而這個 YUI Grids CSS 正是其中的一部分。作爲最著名的 CSS 框架之一,YUI Grids CSS 提供了四種預設頁面寬度,六種預設模板。其中的負 Margin 技術,使用度量單位 em,清除佈局浮動等技術非常值得學習和借鑑。

  3. Blueprint

  Blueprint 是一款成熟的 CSS 框架,它將佈局 (layout)、排版 (typography)、組件 (widget)、重置 (reset)、打印 (print) 等分放到不同的 CSS 文件中。在網頁設計時就減少了引入的代碼,提高了頁面加載效率。

  4. BlueTrip

  BlueTrip 是一個集成了BluePrint & Tripoli 框架的做好的部分;Hartija 的打印樣式; 960.gs的簡潔;Elements 圖標的一個css框架。爲你提供一個好用的樣式集合和一個製作網站的通用的方法。這樣你就可以集中精力搞設計了。

  5. Elastic CSS

  Elastic 是一個簡單的 CSS 框架用來對網頁進行佈局。Elastic 可實現各種各樣常見的網頁佈局。

  6. Easy

  市面上流行的JQUERY組件功能都被納入其框架中,你只要直接使用這個框架,不用學習複雜的AJAX JQuery語法,非常方便。

  7. EZ-CSS

  EZ-CSS是一個輕量級,瀏覽器友好,易於使用的CSS框架。用於創建CSS+Div的頁面複雜佈局(layouts)。

  8. Tripoli

  Tripoli是一個用於HTML表現的通用css規範。通過重設和重建瀏覽器標準,Tripoli 爲你的網站項目提供了一個標準的、跨瀏覽器表現的基礎。

  9. CleverCSS

  CleverCSS 是一個用於css的受Python啓發的小型的標記語言,它可用於以整潔的和結構化的方式創建一個樣式表。在很多方面它都比CSS2整潔和強大。與CSS最明顯的區別是句法:它基於縮進而且不單調。雖然這顯然違反了Python的規則,它依然是組織樣式的很好的主意。

  10. SenCSS

  它爲你CSS重複的部分提供了合理的樣式,這樣你就能更加關注於自己網站的樣式。SenCSs不像其他CSS框架那樣,它不包含各種雜亂的佈局樣式或是預定義的柵格系統,那SenCSs能剛什麼呢?baseline, fonts, paddings, margins, tables, lists, headers, blockquotes, forms 等等都是SenCSs所能辦到的。

  11. Emastic

  Emastic 是一個CSS框架,它有連續的任務:探索陌生的新世界,尋找新生活和新的網站空間,大膽的去CSS框架尚未到達的領域。它是輕量的、在頁面寬度上比較人性化,在網格中使用固定和不固定的列寬。 Elastic 用“em”佈局。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章