一組您可以於每個網路專案中使用的細微的回應式 CSS 模組。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">

開始使用在 GitHub 上檢視

體積最小的 CSS。

Pure 非常小巧。整個模組組縮小的話只有 3.5KB*。考量到行動裝置,對於我們來說,將檔案大小保持小巧非常重要,且每行 CSS 都經過仔細考慮。如果你決定只使用這些模組的一部分,還可以節省更多位元組。

* 我們可以正確地加總 :) 上述數字是單一模組大小,若合在一起,經過壓縮(gzip)之後會更小。

您的 CSS 基礎。

Pure 以 Normalize.css 為基礎,提供原生 HTML 元素的版面和樣式,還有最常見的 UI 元件。這正是您需要的,沒有累贅。

考量行動裝置所設計。

Pure 即開即用,因此元素可以在所有螢幕大小上顯示得很好看。

不礙事。

Pure 只有最少的樣式,並鼓勵您在其基礎上撰寫應用程式樣式。其目的在於不礙事,並讓您可以輕易覆寫樣式。

Diagram of a sample layout.

建立回應式版面。

使用 網格選單 等,可以輕易為所有螢幕大小建立漂亮的回應式版面。我們讓您可以輕鬆開始。檢視幾個不同的 版面,並從堅若磐石的基礎開始您的下一個網路專案。

檢視版面

建立您自己的視覺風格。

與其他架構不同,Pure 的設計是中立的、極簡的和扁平的。我們相信新增新的 CSS 規則比覆寫現有規則來得容易得多。新增幾行 CSS,即可自訂 Pure 的外觀,以符合您的網路專案。

延伸 Pure