温馨提示：这篇文章已超过239天没有更新，请注意相关的内容是否还可用！
CSS中可以使用reset.css或者normalize.css来去掉原本的样式。这些样式库会重置浏览器默认样式，使得页面在不同浏览器上呈现一致的效果。接下来我会讲解如何使用reset.css来去掉原本的样式。
我们需要下载reset.css文件，并将其引入到HTML文件中。可以将reset.css文件放在项目的CSS文件夹下，并在HTML文件的<head>标签中使用<link>标签引入reset.css文件。示例代码如下：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
在reset.css中，我们可以使用通配符（*）来选择所有元素，并将它们的样式设置为初始状态。示例代码如下：
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
上述代码中，我们将所有元素的外边距（margin）、内边距（padding）和盒模型（box-sizing）设置为初始值。这样可以确保在不同浏览器上，元素的边距和盒模型都是一致的。
除了通配符选择器，我们还可以对特定的元素进行样式重置。例如，我们可以将标题（h1-h6）的样式重置为初始状态。示例代码如下：
h1, h2, h3, h4, h5, h6 {
font-size: inherit;
font-weight: inherit;
}
上述代码中，我们将标题元素的字体大小（font-size）和字体粗细（font-weight）设置为继承父元素的值。这样可以确保标题元素在不同浏览器上的显示效果一致。
除了reset.css，还有一个常用的样式库是normalize.css。与reset.css不同，normalize.css会保留一些有用的浏览器默认样式，并修复一些浏览器之间的差异。normalize.css可以更好地保持页面的可访问性和一致性。
在使用normalize.css时，我们也需要将其引入到HTML文件中。示例代码如下：
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 页面内容 -->
</body>
</html>
总结一下，通过使用reset.css或normalize.css，我们可以去掉原本的样式，使得页面在不同浏览器上呈现一致的效果。在选择使用哪种样式库时，可以根据项目需求和个人喜好进行选择。我们也可以根据具体情况对特定元素进行样式重置，以满足项目的需求。
