1.内联样式
语法: * 在标签内使用style属性指定css代码
* 如:<div style="color:red;">hello css</div>
* 一般不推荐使用,因为没有降低展示内容与布局的耦合度
* 作用范围小 仅作用于标签包裹的内容
2.内部样式
语法:在head标签内,定义style标签,style标签的标签体内容就是css代码
当style中的属性与body中的标签相一致时,属性的设置生效。
示例:
<style>
div{
color:blue;
}
</style>
<div>hello css</div>
作用域为当前页面
3.外部2. 在head标签内,定义link标签,引入外部的资源文件
示例:
a.css文件:
div{
color:green;
}
link<rel="stylesheet" href="css/a.css">
<div>hello css</div>
<div>hello css</div>
* 注意:
* 1,2,3种方式 css作用范围越来越大
* 第一种方式不常用,后期常用2,3
* 第3种格式可以写为:
<style>
@import "css/a.css";
</style>样式
* 为了方便管理css文件,可以把css文件放在css文件夹中