對于一個(gè)web項(xiàng)目,始終都有一些通用的樣式問題需要被解決。這些常見的樣式問題包括頁面邊距的設(shè)置、字體的樣式等。在每個(gè)頁面的CSS文件里單獨(dú)設(shè)置這些樣式,顯然是很浪費(fèi)的,因此我們需要一個(gè)CSS初始化文件來解決這些問題。CSS初始化文件通過移除頁面的默認(rèn)樣式,使得各瀏覽器在渲染頁面元素時(shí)有一致的表現(xiàn)。
/** * 在HTML5文檔類型聲明下: * reset.css是用于重置基礎(chǔ)樣式的,設(shè)置margin和padding為0,去掉h1~h6,b, * strong,em等元素的默認(rèn)樣式。 */ html { font-family: sans-serif; } body { margin: 0; } a { text-decoration: none; } /* 預(yù)格式化 */ pre { font-family: monospace; white-space: pre; overflow: auto; margin-bottom: 1.5em; }
一個(gè)合適的CSS初始化文件應(yīng)當(dāng)包含基礎(chǔ)元素的重置,例如區(qū)塊元素的margin和padding,字體樣式等。CSS初始化文件不需要過多的樣式,因?yàn)檫@樣可能會降低客戶端加載速度,但是它為每個(gè)頁面建立了一個(gè)基礎(chǔ)樣式,使得所有元素的樣式更加一致。