[分享]css中常用清楚默认样式代码

CSS 是网页设计中必不可少的一部分，通过 CSS，我们可以实现页面的美化和样式的修改。然而，很多时候我们会遇到一些不必要的麻烦。网页的默认样式可能会影响我们实现想要的页面样式，这时候，我们就需要使用...

CSS 是网页设计中必不可少的一部分，通过 CSS，我们可以实现页面的美化和样式的修改。然而，很多时候我们会遇到一些不必要的麻烦。网页的默认样式可能会影响我们实现想要的页面样式，这时候，我们就需要使用清除默认样式的代码了。

*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
} 

这段代码可以清除所有 HTML 元素的内外边距，同时，也能保证元素的盒模型是“边框盒模型”，即元素的宽度和高度不会随着内外边距和边框的增加而增加。这是由于 box-sizing 属性的值为 border-box。

除了上述代码之外，我们还可以针对不同 HTML 元素进行清除默认样式。以下是一些常用的样式清除代码：

a{
  text-decoration: none;
  color: inherit;
} 

这段代码可以清除超链接的下划线，同时保留其默认字体颜色。

ul, ol{
  list-style: none;
} 

这段代码可以清除无序列表和有序列表的默认样式，将其样式变为无列表样式。

input, textarea, button{
  outline: none;
  border: none;
} 

这段代码可以清除表单元素的默认样式，同时去除表单元素的外边框。这在表单元素样式定制时非常有用。

以上就是一些常用的清除默认样式的代码。在进行网页设计时，大家可以根据自己的需要进行选择使用。