内联样式 （不推荐使用）

  1. <p style="样式名: 样式值;">你好啊</p>

内嵌样式表（在学习和测试中用）

在heade元素中编写style标签，在style标签中编写CSS相关样式 

<style>
    p {样式名（属性名）: 样式值（属性值）;}
</style>

引入外部CSS样式表（开发项目的时候用）

引入外部CSS样式表（开发项目的时候用）：独立新建.css文件 

<!-- 引入方式1 -->
<link rel="stylesheet" href="./css/index.css"/>
<!-- 引入方式2 -->
<style type="text/css">
    @import url("css/index.css");
</style> // HTML 引入方式
方式2： import './css/h.css'  // 在CSS文件中引入

一般在外部CSS文件中都要指定字符编码 @charset ‘UTF-8’

优先级

内联 > 内嵌 > 外部