在写html时，可以在head标签里导入外部css样式，在body中需要使用这个类的标签时，可以标签中选择类（class）为定义的css样式。
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="css外部样式.css">
</head>
<body>
<h1 class="x1">111</h1>
</body>
</html>css文件直接写入类选择器的样式。
.x1{color: red;font-size: 30px;
}浏览器结果：
