在網(wǎng)頁設計中,CSS 是一個不可或缺的工具。但是,在進行 CSS 設計之前,很多人都會使用 CSS 初始化代碼,以便確保網(wǎng)頁在不同瀏覽器上的顯示效果一致性。在 CSS 初始化代碼的歷史中,燕十八的代碼備受推崇。
燕十八是一名網(wǎng)頁設計師,他發(fā)布了一份 CSS 初始化代碼,稱為“YUI Reset CSS”。這份代碼引入了一組通用樣式,用于重置 HTML 元素的默認樣式,并在不同瀏覽器上保持一致顯示效果。該代碼的最新版本可以在 GitHub 上免費下載。
/* YUI Reset CSS */ /* http://developer.yahoo.com/yui/reset/ */ html{color:#000;background:#FFF;}body{margin:0;padding:0;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} p{margin:0;padding:0;}del{text-decoration:line-through;} abbr[title],dfn[title]{border-bottom:1px dotted #000;} blockquote,q{quotes:"" "";quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:none;} a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} ins{background-color:#ff9;color:#000;text-decoration:none;} mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;} table{border-collapse:collapse;border-spacing:0;}textarea{resize:none;} img{border:0v;vertical-align:middle;}
這份代碼包含各種元素的通用樣式,包括 HTML 元素和其他常見的元素(如 h1、p、a、img 等)。其中一些樣式包括增加一個 1 像素的下劃線,刪除鏈接下劃線,以及清空表格間距和邊界等等。該代碼只需引入一個 HTML 文件之內(nèi),無需引入其他文件。
需要注意的是,CSS 初始化代碼只是一個示例,你可以根據(jù)自己的需求,對其中的樣式進行更改或添加。不過,使用 CSS 初始化代碼仍然有助于提高網(wǎng)頁在不同瀏覽器上的顯示效果一致性,并減少調(diào)試過程中的煩惱。