各瀏覽器都有自已的缺省樣式,例如:<img>元素的body屬性,這不是什么好事情,因為我們需要網(wǎng)站前端在各個瀏覽器下面顯示都差不多,所以都把它們清除掉。因為這樣的原因,我也就省略列出了,只給出如何清除HTML和瀏覽器缺省樣式的CSS了。
Yahoo!已經(jīng)為我們做了總結(jié)。根據(jù)雅虎的建議,你需要把這些規(guī)則放到一個名為Reset.css的文件中單獨引用(推薦這種做法):
CSS Code復(fù)制內(nèi)容到剪貼板
- body,div,
- dl,dt,dd,ul,ol,li,
- h1,h2,h3,h4,h5,h6,
- pre,form,fieldset,input,textarea,p,blockquote,th,td {
- margin:0;
- padding:0;
- }
- table {
- border-collapse:collapse;
- border-spacing:0;
- }
- fieldset,img {
- border:0;
- }
- address,caption,cite,code,dfn,em,strong,th,var {
- font-style:normal;
- font-weight:normal;
- }
- ol,ul {
- list-style:none;
- }
- caption,th {
- text-align:left;
- }
- h1,h2,h3,h4,h5,h6 {
- font-size:100%;
- font-weight:normal;
- }
- q:before,q:after {
- content:'';
- }
- abbr,acronym { border:0;
- }