下面一起來了解一下各種不同的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框架收集
精選15個國外CSS框架
什麼是css框架 實際上還是讓我們從框架說起吧。框架就是乙個你可以用於你的 專案的基本的概念上的結構體。css框架通常只是一些css檔案的集合,這些檔案包括基本布局 表單樣式 網格或簡單結構 以及樣式重置。比如 logic css 框架是用來減少開發符合web標準的xhtml布局的時間的乙個由css...
精選15個國外CSS框架
什麼是css框架 實際上還是讓我們從框架說起吧。框架就是乙個你可以用於你的 專案的基本的概念上的結構體。css框架通常只是一些css檔案的集合,這些檔案包括基本布局 表單樣式 網格或簡單結構 以及樣式重置。比如 使用css3開啟gpu硬體加速提公升 動畫渲染效能 推薦12款可用於前端開發的免費文字編...
推薦 精選國外15個CSS框架
什麼是css框架 實際上還是讓我們從框架說起吧。框架就是乙個你可以用於你的 專案的基本的概念上的結構體。css框架通常只是一些css檔案的集合,這些檔案包括基本布局 表單樣式 網格或簡單結構 以及樣式重置。比如 下面一起來了解一下各種不同的css框架吧 960網格系統是乙個通過提供通常使用的尺寸簡化...