國外優秀CSS架構大放送

什麼是架構？架構是一種你能夠使用在你的web項目中概念上的結構。CSS架構一般是CSS檔案的集合，包括基本風格的字型排版，表單樣式，表格版面配置等等，比如：
    * typography.css 字型排版規則
    * grid.css 表格版面配置
    * layout.css 布局
    * form.css 表單
    * general.css CSS常規設定

註：國外的css架構 不完全適合中文的網站，建議參考開發適合中文的css架構。

下面是一些不錯的CSS架構，推薦。原文

Elements CSS Frameworks

Elements 是一個基礎CSS架構，它用來協助設計者書寫CSS更加快捷簡單。它不僅是一個架構，它擁有自己的工作流程。它擁有你需要完成項目的各種元素，查看介紹：Overview .

 

YUI Grids CSS

很不錯的架構，基礎的YUI Grids CSS提供4種頁面寬度，6種邊框模板，以及控制行列能力。4kb檔案提供了超過1000個頁面配置，點擊這裡查看更多： Other features include:

 

YAML CSS Framework

Dirk Jesse的能夠對(X)HTML/CSS 架構擴充，支援複雜web項目。YAML基於web標準和支援各種流行瀏覽器，尤其支援所有IE版本包括從 5.x/Win 到 7.0.

 

Blueprint CSS

Blueprint是一個CSS架構，它的目標是減少你的CSS開發時間。它提供給你強大的CSS基礎來建立你的項目，包括便於使用的grid，有效字型排版，以及可列印的stylesheet .同樣符合960的柵格化設計。還提供表單的樣式。

 

Schema Web Design Framework

Schema 是一個展示層web架構，修飾重複的CSS和HTML代碼，它提供基礎的架構讓你能夠馬上運行項目。

 

 

CleverCSS

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

 

Tripoli CSS Framework

Tripoli 是一個一般的CSS標準用於HTML渲染，通過重設和重建瀏覽器標準。它非常堅固，支援跨瀏覽器渲染。 通過重設和重建瀏覽器標準，Tripoli 為你的網站項目提供了一個標準的、跨瀏覽器表現的基礎。

 

 ESWAT Web Project Framework

網站沒有任何說明只提供了一個下載。
自己下來看吧 點擊下載

 

 

 

Boilerplate CSS Framework

作為BluePrint CSS的原作者之一，我決定把我的思想重新整理到一個赤裸裸的架構，它提供最基本的要素來開始任何項目。這個架構將是較小的而且力求不使用非語義的命名習慣。你就是設計者而且你的技術很重要。

 

 

WYMstyle CSS Framework

這個項目的目的是提供一組經過良好測試的模組化的CSS檔案，能夠用於網站的快速設計。WYMstyle是一組CSS檔案，你可以很容易的組合這些檔案來 快速的建立你的網站的布局。通過提供可靠的、經過良好測試的CSS模組，WYMstyle 力求讓每個網站防止枯燥的跨瀏覽器安全色性測試。

 

CwS CSS Framework

下一個邏輯步驟就是將這個擴充為CSS架構，允許使用寫好並通過測試的組件來快速開發網站。實際上所需的是搞定一套命名習慣和一個靈活的基本模板…

 

 

That Standards Guy CSS Framework

Logic CSS 架構是用來減少開發符合web標準的xHTML布局的時間的一個由CSS檔案和PHP程式組成的集合。通常跨瀏覽器表現行為(不是Meyer的reset 檔案或是用“*”)，排版支援文本字型大小調整(使用EMs) 和垂直置中，符合可定義的靈活的布局。

 

That Standards Guy CSS Framework

只能調用單個樣式檔案 主樣式需要取得CSS認證(WCAG 1.0)； 跨瀏覽器安全色性—包括Internet Explorer (IE) 5.x for Mac； IE Hacks使用獨立檔案； 快速建立模板； 少量注釋/執行個體示範，可以節省時間來理解。

 

 

960 Grid System

採用了960柵格化的頁面設計。對於960寬度網站來說，還是很好的一個規範。
看柵格示範，本人還是比較推薦這個的。

 

 

Emastic CSS Framework

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