Menu

Pure:Yahoo! 出品的 CSS 框架

一個來自Yahoo!的CSS框架:Pure

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">  



網站: http://purecss.io/