📅 最后修改于: 2023-12-03 15:13:43.422000 🧑 作者: Mango
在Web开发中，我们常常听到BSS和ESS这两个术语。BSS和ESS代表了CSS中的两个重要阶段：浏览器渲染前和渲染后的CSS。
术语解释：
BSS代表浏览器渲染前(CSS)。BSS是指在浏览器做样式处理前的所有CSS。
作用：
BSS可以优化性能。通过在文档树中布置CSS，可以避免重计算，并提高浏览器渲染页面的速度。使用BSS可以提前加载CSS资源，从而加速页面首次加载速度。
示例代码：
<head>
<style>
body {
margin: 0;
}
</style>
<link rel="stylesheet" href="style.css">
</head>
术语解释：
ESS代表渲染后的CSS。ESS是指在浏览器渲染完页面后的所有CSS。
作用：
ESS可以定制样式。通过使用ESS，我们可以全局覆盖样式，添加自定义样式，或者覆盖默认样式。
示例代码：
<!DOCTYPE html>
<html>
<head>
<title>Example</title>
<style>
/* BSS */
body {
margin: 0;
}
/* ESS */
.example {
color: red;
}
</style>
</head>
<body>
<p class="example">This text will be red.</p>
<p>This text will not be red.</p>
</body>
</html>
以上就是BSS和ESS的区别，这两个阶段在CSS处理中非常重要。了解它们的作用和用法，能够帮助我们更好地使用CSS，并优化页面性能。