1. 引入CSS样式表（书写位置）
1.1 三种样式表总结（位置）
1.2 行内式（内联样式）
概念：
称行内样式、行间样式.
是通过标签的style属性来设置元素的样式
其基本语法格式如下：
<标签名 style="属性1:属性值1; 属性2:属性值2; 属性3:属性值3;"> 内容 </标签名>
实际上任何HTML标签都拥有style属性，用来设置行内式。
案例：
<div style="color: red; font-size: 12px;">青春不常在，抓紧谈恋爱</div>
注意： style其实就是标签的属性样式属性和值中间是:多组属性值之间用;隔开。只能控制当前的标签和以及嵌套在其中的字标签，造成代码冗余 缺点： 没有实现样式和结构相分离
1.3 内部样式表（内嵌样式表）
概念：
称内嵌式
是将CSS代码集中写在HTML文档的head头部标签中，并且用style标签定义
其基本语法格式如下：
<head><style type="text/CSS">选择器（选择的标签） {属性1: 属性值1;属性2: 属性值2; 属性3: 属性值3;}</style></head>
<style>div {color: red;font-size: 12px;}</style>
注意：
style标签一般位于head标签中，当然理论上他可以放在HTML文档的任何地方。type=“text/css” 在html5中可以省略。只能控制当前的页面
缺点：
没有彻底分离
1.4 外部样式表（外链式）
概念：
称链入式
是将所有的样式放在一个或多个以**.CSS**为扩展名的外部样式表文件中，
通过link标签将外部样式表文件链接到HTML文档中
其基本语法格式如下：
<head><link rel="stylesheet" type="text/css" href="css文件路径"></head>
注意： link 是个单标签link标签需要放在head头部标签中，并且指定link标签的三个属性
