介紹
Pure.css是一組小型的自適應CSS模塊,可以在每個Web項目中使用。Pure以Normalize.css為基礎,並提供native HTML元素以及最常見的UI組件的佈局和樣式,考慮到移動設備,Pure具有開箱即用的響應能力,因此元素在所有屏幕尺寸上都看起來不錯。
<link>
PS:Normalize.css使瀏覽器更一致地渲染所有元素,並符合現代標準。它只針對需要規範化的樣式。
Github
https://github.com/pure-css/pure
相關特性
兼容性
佈局
通過使用Grid,Menu等,可以輕鬆創建適用於所有屏幕尺寸的精美響應式佈局。
Pure的設計目標是可以在每個Web項目中使用它
定製化
與其他框架不同,Pure的設計不受限制,最小且扁平。添加新的CSS規則比覆蓋現有規則要容易得多。通過添加幾行CSS,可以自定義Pure的外觀以與你的Web項目一起使用。
表單
以下創建默認的內聯表單,將pure-form類名添加到任何
還有其他常見類型表單,本文不過多介紹
按鈕
表格
要設置HTML表的樣式,請添加pure-table類名。此類為表元素添加了填充和邊框,並強調了標題。
菜單
- 垂直菜單
默認情況下,菜單是垂直的。
- 水平菜單
要創建水平菜單,請添加pure-menu-horizontal類名稱。
總結
本文只介紹了部分有關於Pure的內容,詳細的介紹可以Github以及官方提供的詳細內容和使用指南!
閱讀更多 最美分享Coder 的文章