📅 最后修改于: 2023-12-03 15:08:30.039000 🧑 作者: Mango
在进行网页开发中，往往需要对页面的标签样式进行自定义，但原生标签存在一定的默认样式，需要我们进行覆盖。本文将介绍如何删除标签的默认样式。
可以使用通配符来清除所有标签的默认样式，代码如下：
* {
margin: 0;
padding: 0;
border: none;
outline: none;
box-sizing: border-box;
}
在这个代码块中，我们将所有标签的margin、padding、border、outline属性设置为0，以及将盒模型box-sizing属性设置为border-box，从而清除所有标签的默认样式。
需要注意的是，使用通配符会对所有标签生效，因此需要谨慎使用。
另一种方法是通过导入重置样式表来清除标签的默认样式。Reset CSS 是一种专门用于清除浏览器中默认样式的样式表，它覆盖了所有主要浏览器的标签默认样式。可以从 Reset CSS github 下载最新的样式表，然后在 HTML 中引入即可。
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="reset.css">
</head>
<body>
...
</body>
</html>
在上面的例子中，我们通过在
标签中引入 reset.css 样式表来清除了浏览器中所有标签的默认样式。从上面两种方法中，我们可以看出，清除标签的默认样式是一个很基础的 CSS 技巧，但是它对于网页开发非常重要，特别是在实现一些比较复杂的样式效果时。请大家按照自己的需求进行选择。