CSS初学之引入css的三种方式（一）
1.引入css的三种方式
一、第一种
简介
第一种：行内样式
每一个元素都具备style属性，通过该属性可以设置元素的相关样式
缺点：
复用性不高，样式更新麻烦
不复合网页标准，html是结构文件
不推荐使用！
源码
<q style="height: 100px;width: 100px; background-color: aqua;"></q>
二、第二种
简介
第二种：内联样式
通过style标签，在html中设置当前网页所需要的css样式内容
style标签不是用户所见的内容，通常放在head里面
缺点：
复用性不高，样式更新麻烦
还是存在模块没有分离，相互耦合，并不独立
源码
<style>
div{
height: 300px;
width: 300px;
background-color: pink;
}
</style>
<div>sfsdfsdfasdfsda</div>
三、第三种
简介
第三种：外联样式
将css的内容，保存为一份独立的文件
在html通过link标签去引入外部样式文件
源码
在head标签中通过link标签引入css样式表
p{
background-color: rgb(4, 177, 177);
} //css样式表样式
<p >58</p> //html语句
效果展示
