精選15個國外CSS框架

下面一起來了解一下各種不同的css框架吧:

960網格系統是乙個通過提供通常使用的尺寸簡化**開發流程的努力的結果，基於960畫素的頁面寬度。它有兩種型別，12和16列，他們可以獨立使用或是協同使用。

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

dirk jesse的強大的(x)html/css框架為許多的簡單或更複雜的**專案提供完整的預設模板包。yaml基於網頁標準並支援所有現代瀏覽器。所有的 internet explorer的主要渲染漏洞都被解決。yaml 完全支援從5.x到7.0的所有的ie版本。

基本的yui網格css提供4種預設的頁寬、6種預設模板和再分為2、3、4卷的區塊的功能。這個4kb的檔案可提供超過1000中頁面布局組合。

有國外作者曾指出yui grids css中最值得學習的網格布局css寫法:

logic css 框架是用來減少開發符合web標準的xhtml布局的時間的乙個由css檔案和php程式組成的集合。通常跨瀏覽器表現行為(不是meyer的reset 檔案或是用「*」)，排版支援文字字型大小調整(使用ems) 和垂直居中，符合可定義的靈活的布局網格利用css**生成工具。

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

blueprint 是乙個css 框架，它的目的是減少你的css開發時間。它提供乙個可靠的css基礎去建立你的專案，bp由乙個易用的網格、合理的布局和乙個列印樣式。

schema是乙個為了提供在重複的設計任務中必須的css和html標籤而設計的表現層的網頁框架設計。與為每乙個新的**專案從零開始建立html/css不同，schema提供必要的基礎來開始並立馬讓你的設計跑起來。

emastic 是乙個css框架，它有連續的任務：探索陌生的新世界，尋找新生活和新的**空間，大膽的去css框架尚未到達的領域。它是輕量的、在頁面寬度上比較人性化，在網格中使用固定和不固定的列寬。 elastic 用「em」布局。

* 只能呼叫單個樣式檔案

* 主樣式需要取得css認證(wcag 1.0)；

* 跨瀏覽器相容性—包括internet explorer (ie) 5.x for mac；

* ie hacks使用獨立檔案；

* 快速建立模板；

* 少量注釋/例項演示，可以節省時間來理解。

tripoli是乙個用於html表現的通用css規範。通過重設和重建瀏覽器標準，tripoli 為你的**專案提供了乙個標準的、跨瀏覽器表現的基礎。

彬go會經常更新前端開發/網頁設計等相關技術及教程文章，歡迎訂閱本部落格來及時瀏覽本部落格的最新教程及資源。

英文原文:css frameworks

翻譯原文:css框架收集

什麼是css框架實際上還是讓我們從框架說起吧。框架就是乙個你可以用於你的專案的基本的概念上的結構體。css框架通常只是一些css檔案的集合，這些檔案包括基本布局表單樣式網格或簡單結構以及樣式重置。比如 logic css 框架是用來減少開發符合web標準的xhtml布局的時間的乙個由css...

什麼是css框架實際上還是讓我們從框架說起吧。框架就是乙個你可以用於你的專案的基本的概念上的結構體。css框架通常只是一些css檔案的集合，這些檔案包括基本布局表單樣式網格或簡單結構以及樣式重置。比如使用css3開啟gpu硬體加速提公升動畫渲染效能推薦12款可用於前端開發的免費文字編...