Pure:Yahoo! 出品的 CSS 框架
2011/02/19
Pure 是 Yahoo! 新近推出的一個基於 Normalize.CSS 的 CSS 框架,它沒有使用任何 JavaScript,只是 HTML 和 CSS。
名稱為Pure(純粹),代碼也必須是100%使用CSS編寫的。開發成員稱,Pure不限於特定的JavaScirpt框架,你可以用在任何JavaScript框架或任何Web應用中。
Pure可以作為每個網站或Web應用的起步工具,將會幫助開發者處理應用程式所需的所有CSS工作,同時不會讓每個應用千篇一律。 這個 CSS 框架是響應式佈局,並且定義了 排版,網格,表單,按鈕,表格和導航等樣式。使用非常簡單,並且整個框架非常小(壓縮及最小化之後只有 5.7KB),另外它還是模組化的,每個模組的樣式可以單獨使用。
Pure中的主要元件包括:
- 一個響應式網格,可根據需求定製。
- 一個基於Normalize.css的基礎庫,用於修復跨瀏覽器兼容問題。
- 統一的按鈕風格,可與<a>、<button>元素結合使用。
- 水平、垂直菜單,支持下拉菜單
- 實用的表單組,適用於各種大小的屏幕
- 各種常見的表格樣式
- 極其簡約的外觀,超容易定製
- 默認支持響應式設計,同時還包含無響應選項
- 可通過Skin Builder.輕鬆一鍵定製
- 非常輕量,gzip版本只有4.8KB
你可以通過下面的代碼在專案中使用Pure:
Html代碼
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.1.0/pure-min.css">