CSS架構:推薦27款優秀的CSS架構

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

利用 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所能辦到的。

[1] [2] [3]  下一頁