css引入方式有三种:
1、外部引入,优先级最低,既不会影响代码的可读性,也不会加重html文件的负担,但是切记,要在需要的html文件中,引入它;
link标签:引入外部资源
<link rel="stylesheet" type="text/css" href="外部样式.css"
2、内联样式,优先级排第二,使用场景:开发极小项目和课堂练习时,可以使用(最常用的方式)
<style type="text/css">
.box{
background-color:blue;
}
</style>
3、行间样式,优先级在三种引入方式中最高,使用场景:修改少数样式时,在这里写
<div class="case" style="width:200px;height:200px;background-color:red">
</div>
注:!important为开发者提供了一个增加样式权重的方法,可以使样式优先级最高。