Pure中的所有模塊構建在Normalize.css之上。這是我們的基礎層,保持一定程度的跨瀏覽器一致性。您可以通過<link>在您的頁面上添加此元素來拉入Normalize.css :
<link rel="stylesheet" rel="external nofollow" target="_blank" >
Normalize.css是Nicolas Gallagher和Jonathan Neal的一個開源項目。也就是說:
Normalize.css是一個小型CSS文件,可在HTML元素的默認樣式中提供更好的跨瀏覽器一致性。這是一種現代化的HTML5準備,可以替代傳統(tǒng)的CSS重置
Normalize.css提供了很好的文檔和一個徹底的指南,說明它與傳統(tǒng)的重置有何區(qū)別。您還可以查看YUI的CSSNormalize模塊,其中包括通用的Normalize以及上下文版本。規(guī)范化的上下文版本僅將歸一化樣式應用于具有類名稱的元素的子元素yui3-normalized。
除了Normalize.css規(guī)則之外,Pure's Base模塊還包含大多數網站使用的常見樣式。
將hidden屬性添加到HTML元素,以通過屏幕將其隱藏display: none !important;?;蛘?,為了與舊的IE兼容,您可以使用CSS類名.hidden。
<input type="text" name="_csrf" hidden>
將.pure-img類名添加到<img>元素,使其與視口縮放。建立響應式網站時,這很方便。
<input type="text" name="_csrf" hidden>
Normalize.css是您的項目的一個很好的起點,但是一些HTML元素(如表單,表格和菜單)需要比Normalize提供的更多的樣式。
我們對這些元素做出了更加輿論的外觀和感覺,同時保持最小化,以便您可以根據自己的網站或應用的需求進行自定義。查看我們的CSS形式,表格和菜單。
更多建議: