css——初始化 css 样式

最新推荐文章于 2025-03-17 08:30:00 发布

原创最新推荐文章于 2025-03-17 08:30:00 发布 · 341 阅读

1 ·

CC 4.0 BY-SA版权

html 和 css 专栏收录该内容

43 篇文章

订阅专栏

本文探讨了浏览器兼容性问题，并提供了一种样式初始化的方法，包括清除默认样式、统一字体大小及样式，确保网页在不同浏览器中表现一致。介绍了淘宝的样式初始化代码，详细展示了如何重置元素的margin和padding，统一字体，以及调整列表、链接等元素的默认样式。

为了解决不同浏览器兼容问题
最简单的初始化方法：（强烈不推荐，影响性能）

* {
	margin: 0;
	padding: 0;
}

淘宝的样式初始化代码：

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }
body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
address, cite, dfn, em, var { font-style:normal; }
code, kbd, pre, samp { font-family:couriernew, courier, monospace; }
small{ font-size:12px; }
ul, ol { list-style:none; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
sup { vertical-align:text-top; }
sub{ vertical-align:text-bottom; }
legend { color:#000; }
fieldset, img { border:0; }
button, input, select, textarea { font-size:100%; }
table { border-collapse:collapse; border-spacing:0; }