内部、外部、内联
1、内联样式表的权重最大
2、内部样式表和外部样式表的权重关系和书写顺序有关，后写的会把前写的覆盖，
覆盖的只是相同属性的样式，不同属性的样式会继续执行
css样式表：
1、内部样式表：
创建方法：
<style></style>
放置的位置；
尽量放在head标签里面
2、外部样式表：
创建方法：
自己创建一个文档，把后缀名改为.css即可
外部样式表需要引入：
第一种引入方法：
<link rel="stylesheet" href="css文件路径">
rel="stylesheet" 建立关联性
第二种引入方法：
<style>
@import url(‘css文件路径‘);
</style>
3、内联样式表：
语法：
<标签 style="属性：属性值;"></标签>
对比一下link 和 import区别：
1：本质区别：
link是一个标签，由html提供
@import是一个方法，由css提供
2:加载顺序：
link导入样式，和结构同时加载
@import先等结构加载完毕，再加载样式
3：js操作dom的区别：
link完全支持
但是@import加载的css样式，是不能通过js动态修改
4：兼容性：
link兼容性比@import要好
<!--
注：所有的css代码都必须放在样式表里面
在样式表顶部写： @charset "utf-8"; /* 控制当前文件的字符编码 */
-->
css的层叠性：
只要产生权重关系，必然会产生css的层叠性：
权重高的会把权重低的覆盖
覆盖的只是相同属性的样式
不同属性的样式会继续执行