css消除默認(rèn)樣式的方法是通過(guò)添加“*{margin:0;padding:0}li{list-style:none}img{vertical-align:top;border:none}”語(yǔ)句即可。

本文操作環(huán)境：windows7系統(tǒng)、HTML5&&CSS3版，DELL G3電腦

css怎么消除默認(rèn)樣式？

不同的瀏覽器默認(rèn)的樣式可能不盡相同，所以開(kāi)發(fā)時(shí)的第一件事可能就是如何把它們統(tǒng)一。如果沒(méi)清除默認(rèn)的CSS樣式往往會(huì)出現(xiàn)瀏覽器之間的頁(yè)面差異。

每次新開(kāi)發(fā)網(wǎng)站或新網(wǎng)頁(yè)時(shí)候通過(guò)初始化CSS樣式的屬性，為我們將用到的CSS或html標(biāo)簽更加方便準(zhǔn)確，使得我們開(kāi)發(fā)網(wǎng)頁(yè)內(nèi)容時(shí)更加方便簡(jiǎn)潔，同時(shí)減少CSS代碼量，節(jié)約網(wǎng)頁(yè)下載時(shí)間。

通常有以下幾句就夠了：

*{margin:0;padding:0} li{list-style:none} img{vertical-align:top;border:none}

如果你想寫(xiě)全也可以：

1、清除內(nèi)外邊距

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 結(jié)構(gòu)元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表單元素 */ th, td { /* table elements 表格元素 */     margin: 0;     padding: 0; }

2、設(shè)置默認(rèn)字體

body, button, input, select, textarea { /* for ie */     /*font: 12px/1 Tahoma, Helvetica, Arial, "宋體", sans-serif;*/     font: 12px/1 Tahoma, Helvetica, Arial, "5b8b4f53", sans-serif; /* 用 ascii 字符表示，使得在任何編碼下都無(wú)問(wèn)題 */ } h1 { font-size: 18px; /* 18px / 12px = 1.5 */ } h2 { font-size: 16px; } h3 { font-size: 14px; } h4, h5, h6 { font-size: 100%; } address, cite, dfn, em, var { font-style: normal; } /* 將斜體扶正 */ code, kbd, pre, samp, tt { font-family: "Courier New", Courier, monospace; } /* 統(tǒng)一等寬字體 */ small { font-size: 12px; } /* 小于 12px 的中文很難閱讀，讓 small 正?；?*/

3、重置列表元素

ul, ol { list-style: none; }

4、 重置文本格式元素

a { text-decoration: none; } a:hover { text-decoration: underline; } abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.這里用了屬性選擇符，ie6 下無(wú)效果 */ border-bottom: 1px dotted; cursor: help; } q:before, q:after { content: ''; }

5、重置表單元素

legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭車(chē)：讓鏈接里的 img 無(wú)邊框 */ /* 注：optgroup 無(wú)法扶正 */ button, input, select, textarea {     font-size: 100%; /* 使得表單元素在 ie 下能繼承字體大小 */ }

6、重置表格元素

table { border-collapse: collapse; border-spacing: 0; }

7、 重置 hr

hr {     border: none;     height: 1px; }

推薦學(xué)習(xí)：《css視頻教程》