在HTML中，CSS的作用是用于控制网页的样式，包括字体、颜色、背景、布局等方面的设计。通过一个样例来说明CSS的作用：
如下是一个名为global.css的CSS文件：
.C1{font-size: 10px;color: blue;border:1px solid red;height: 200px;width:500px
}
.C2{font-size: 10px;color: green;border:1px solid black;height: 100px;width: 350px;}
.C1.CC{color:plum;
}在如下的HTML文件中，应用了global.css文件中的样式，其语句是在<head></head中>使用的
<link rel="stylesheet" href="./global.css">将其应用的，html代码如下：
<!DOCTYPE html>
<html lang="zh">
<head><meta charset="UTF-8"><title>标题</title><link rel="stylesheet" href="./global.css">
</head><body><div class="C1">这是第一层,使用了C1的格式<div>这是第一层的嵌套层：默认样式继承了第一层</div></div><div class="C2">这是第二层，使用了C2的格式</div><div class="C1 CC">这是第三层，使用了CC的格式，CC类是C1类的子类，包含了C1的属性<div class="C2">这是第三层的嵌套层：样式使用了C2</div></div>
</body>
</html>运行结果中的文字即对应的应用，结果：
文件中的.C1或.C2都是一个样式类，表明了一种样式，其中的细节可以自定义，而.C1.CC则是C1的子类，包含了C1拥有的所有属性以及他自己独有的属性。px是像素，可理解为长宽的单位
