在設(shè)計一個網(wǎng)頁的時候,使用簡潔易懂的CSS文件名字可以極大地提高開發(fā)效率和代碼可讀性。以下示例是對簡單重置樣式的CSS文件名字的初始化:
/* Reset.css */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* IE6特殊處理 */ a:link, a:visited { /* 未訪問、已訪問的超鏈接 */ color: #000; text-decoration: none; } a:hover, a:active { /* 鼠標(biāo)覆蓋、點擊的超鏈接 */ color: red; text-decoration: none; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }
上述CSS文件名字中,通過reset.css對網(wǎng)頁進行初始化,去除了一些瀏覽器自帶的默認樣式,例如去除了文字之間的縫隙、超鏈接默認狀態(tài)的下劃線以及列表、表格等默認樣式。
使用合適的CSS文件名字能夠為網(wǎng)頁開發(fā)帶來很多便利,希望大家能夠在開發(fā)過程中注意命名!