Pure基礎(chǔ)

利用Normalize.css，一個(gè)HTML5就緒的替代CSS重置。

Pure基礎(chǔ)

Pure中的所有模塊構(gòu)建在Normalize.css之上。這是我們的基礎(chǔ)層，保持一定程度的跨瀏覽器一致性。您可以通過<link>在您的頁面上添加此元素來拉入Normalize.css ：

<link rel="stylesheet"  rel="external nofollow" target="_blank" >

有點(diǎn)關(guān)于Normalize.css

Normalize.css是Nicolas Gallagher和Jonathan Neal的一個(gè)開源項(xiàng)目。也就是說：

Normalize.css是一個(gè)小型CSS文件，可在HTML元素的默認(rèn)樣式中提供更好的跨瀏覽器一致性。這是一種現(xiàn)代化的HTML5準(zhǔn)備，可以替代傳統(tǒng)的CSS重置

Normalize.css提供了很好的文檔和一個(gè)徹底的指南，說明它與傳統(tǒng)的重置有何區(qū)別。您還可以查看YUI的CSSNormalize模塊，其中包括通用的Normalize以及上下文版本。規(guī)范化的上下文版本僅將歸一化樣式應(yīng)用于具有類名稱的元素的子元素yui3-normalized。

附加功能

除了Normalize.css規(guī)則之外，Pure's Base模塊還包含大多數(shù)網(wǎng)站使用的常見樣式。

隱藏元素

將hidden屬性添加到HTML元素，以通過屏幕將其隱藏display: none !important;?；蛘?，為了與舊的IE兼容，您可以使用CSS類名.hidden。

<input type="text" name="_csrf" hidden>

響應(yīng)圖像

將.pure-img類名添加到<img>元素，使其與視口縮放。建立響應(yīng)式網(wǎng)站時(shí)，這很方便。

<input type="text" name="_csrf" hidden>

超越規(guī)范

Normalize.css是您的項(xiàng)目的一個(gè)很好的起點(diǎn)，但是一些HTML元素（如表單，表格和菜單）需要比Normalize提供的更多的樣式。

我們對這些元素做出了更加輿論的外觀和感覺，同時(shí)保持最小化，以便您可以根據(jù)自己的網(wǎng)站或應(yīng)用的需求進(jìn)行自定義。查看我們的CSS形式，表格和菜單。