4.8 CSS 重置(Reset)

清除默认浏览器样式

CSS优先级课程中,我们提到过浏览器样式。每个网页都至少使用一个CSS:用户代理样式表,当某个元素没有被定义样式时,就使用这个默认样式。

用户代理样式表

这个CSS文件被内置于浏览器中,并在如下情况下被调用:

  • 每次网页被渲染时
  • 在作者样式和用户样式调用之前

每个浏览器都有自己的用户代理CSS,有一些细微的差别。

为什么使用CSS样式重置

不同浏览器的默认样式可能会干扰我们实际想要的效果,所以我们需要一个确定的、一致的、跨浏览器的默认样式作为基础,这就是为什么要使用CSS重置。

实践上,样式重置在归整文本大小和消除元素间距上最为有用。

你可以下载本站点的HTML5 reset.css文件。放在 <head> 中其它样式表前面。

<head>
  <link rel="stylesheet" type="text/css" href="reset.css">
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>

前面的章节我们介绍了CSS的基础知识,如基本语法、选择器、继承、优先级以及颜色大小等,接下来我们将详细讲解如何样式化一个文本