基本语法
行内样式表
写在标签的style属性中，（又称：内联样式）
- 作用范围：仅对当前标签产生影响
语法：
<img src="/xxx.jpg" style="width: 300px; height: 200px;">内部样式表
写在 html 页面内部，将所有的 CSS 代码提取出来，单独放在<style>标签中
- 作用范围：可以对同一个页面中的多个元素产生影响
语法：
<style>
h1 {
color: red;
font-size: 40px;
}
</style>外部样式表
写在单独的.css文件中，随后在HTML文件中用<link>标签引入使用
- 作用范围：可以对多个页面产生影响
语法：
h1 {
color: red;
font-size: 40px;
}<link rel="stylesheet" href="./xxx.css"><link>标签要写在HTML文件<head>标签中
href：引入的文档链接rel：（relation缩写：关系）说明引入的文档与当前文档之间的关系
补充
样式表的优先级
优先级规则：行内样式 > 内部样式 = 外部样式
同级样式或同一样式，执行最后一次出现的样式
CSS代码风格
展开风格
h1 {
color: red;
font-size: 40px;
}紧凑风格
h1{color:red;font-size:40px;}我们常在项目上线时，通过工具将展开风格变为紧凑风格，减少文件体积
注释
/* 注释 */ 
