常用CSS样式重置

最新推荐文章于 2025-12-03 15:38:50 发布

原创最新推荐文章于 2025-12-03 15:38:50 发布 · 1.9k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#css

HTML 专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种通过自定义CSS文件实现网页元素样式的统一重置的方法，包括清除默认内外边距、设置字体大小和颜色等，以确保跨浏览器的一致性表现。

在写项目的时候，我们经常需要对有些常用的样式进行重置，很多人为了涂方便使用*{ margin: 0; padding: 0; }；一般我都会引入一个自己写的样式重置的css文件；
分享一下：

/* 常用基本标签重设 */
html,body{ height: 100%; }
body{ font-size: 12px; color: #fff; }
body,div,p,a,ul,li{ margin: 0; padding: 0; }  
h1,h2,h3,h4,h4,h5,h6,h7{ margin: 0; padding: 0; }
em{ font-style: normal; }
a{ text-decoration: none; color: #000; }
a:hover{ text-decoration: none; }
img{ border: 0; vertical-align: middle; }
li{ list-style: none; }
label{ display: inline-block; }
table{ border-spacing: 0; border-collapse: collapse; }
form{ display: inline-block; width: 100%; }
input{ vertical-align: middle; outline: 0; }
textarea{ resize: none; line-height: 20px; overflow-y: auto;  }
button{ border: none; background: none; text-align: center; }
:focus{ outline: 0; }