一、行内样式
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body>
<!-- 行内样式：在标签元素中，编写一个style属性，编写样式即可 -->
<h1 style="color: red">Hello, world</h1>
</body>
</html>
二、内部样式
<!-- 内部样式 -->
<style>h1{color: green;}
</style>
三、 外部样式
<!-- 外部样式 -->
<link rel="stylesheet" href="css/style.css">
四、外部样式–导入式
是css2.1？加入的，是先渲染出框架在进行填充，但是link是全部渲染好在进行显示
<!-- 导入式-->
<style>@import url("css/style.css");
</style>
优先级，就近原则，谁距离近，谁生效
https://www.bilibili.com/video/BV1YJ411a7dy?p=4&spm_id_from=pageDriver
：网站容器化的各种姿势，先跟着撸一波代码再说！)