CSS 清除默認樣式


通常有以下幾句就夠了:
*{ margin:0; padding:0 } li{ list-style:none } img{ vertical-align:top; border:none }

  

如果你想寫全也可以:
/* 清除內外邊距 */ body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 結構元素 */ 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;
}
 
/* 設置默認字體 */ body, button, input, select, textarea { /* for ie */
    /*font: 12px/1 Tahoma, Helvetica, Arial, "宋體", sans-serif;*/ font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示,使得在任何編碼下都無問題 */
} 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; } /* 統一等寬字體 */ small { font-size: 12px; } /* 小於 12px 的中文很難閱讀,讓 small 正常化 */
 
/* 重置列表元素 */ ul, ol { list-style: none; }
 
/* 重置文本格式元素 */ a { text-decoration: none; } a:hover { text-decoration: underline; } abbr[title], acronym[title] { /* 注:1.ie6 不支持 abbr; 2.這里用了屬性選擇符,ie6 下無效果 */ border-bottom: 1px dotted; cursor: help;
} q:before, q:after { content: ''; }
 
/* 重置表單元素 */ legend { color: #000; } /* for ie6 */ fieldset, img { border: none; } /* img 搭車:讓鏈接里的 img 無邊框 */
/* 注:optgroup 無法扶正 */ button, input, select, textarea { font-size: 100%; /* 使得表單元素在 ie 下能繼承字體大小 */
}
 
/* 重置表格元素 */ table { border-collapse: collapse; border-spacing: 0;
}
 
/* 重置 hr */ hr { border: none; height: 1px;
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM