CSS如何作用于HTML—样式表
外部样式表
1.将CSS规则写到一个以“.css”为后缀的文件中，然后使用HTML中的标签将CSS文件应用到HTML文档中
<link rel="stylesheet" href="./styles/main.css">
2.在style标签的第一行使用@import ‘style.css’;导入
@import './styles/main.css';
内部样式表
将CSS规则写到<style>标签内，在不能直接更改CSS文件情况下，这种方式有效，不推荐使用，修改起来不方便
<style>
p{
background-color: pink;
}
</style>
行内样式表
将CSS规则写到元素的style属性中，只能作用于一个元素，一般不推荐使用
<body>
<p style="color:red;">This is my first CSS example</p>
</body>
