4.8 CSS 重置(Reset)
优质
小牛编辑
129浏览
2023-12-01
在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的基础知识,如基本语法、选择器、继承、优先级以及颜色大小等,接下来我们将详细讲解如何样式化一个文本。