1.行间样式
直接在标签内部的style属性中写CSS样式
在标签中通过style属性来写css代码
优点：优先级高，方便
缺点：不利于维护，显得页面杂乱
<div style="background-color:red;width:200px;height:200px"></div>
2.内联样式
将css代码写在style标签中
从编译的角度上来讲，style标签可以写在HTML根标签的任意位置，但是在前端代码规范中，一般将style标签写在head的闭合标签上面
优点：可复用性高，代码整洁，易于维护
缺点：会使页面变长
所以一般的小型项目或者页面推荐使用内联样式
<style>
div{
width:200px;
height:200px;
background-color:red;
}
</style>
3.外链样式
在外部建一个.css文件并在HTML中head标签内title标签下使用link标签引入（link标签中href属性内要写入css的文件路径）
优点：逻辑清晰，页面整洁，易于维护，可复用性高
缺点：代码量大，加大了项目所占的内存
所以一般多页面的项目推荐使用外联样式
<link rel ="stylesheet" href="3_text.css">
