CSS嵌入html文档的三种结合方式
1. 内联样式
- 在标签内使用style属性指定css代码
- 如:
<div style="color:red;">hello css</div>
2. 内部样式
- 在head标签内,定义style标签,style标签的标签体内容就是css代码
- 如:
<style>
div{
color:blue;
}
</style>
<div>hello css</div>
3. 外部样式
- 使用步骤:
- 定义css资源文件。
- 在head标签内,定义link标签,引入外部的资源文件
- 引入外部资源文件方式如:
//a.css文件:
div{
color:green;
}
//在文档内部通过link标签引入,注意使用的是相对路径
<link rel="stylesheet" href="css/a.css">
<div>hello css</div>
<div>hello css</div>
4.注意:
- 1,2,3种方式 css作用范围越来越大
- 1方式不常用,后期常用2,3
- 第3种的格式的第二种写法:
<style>
@import "css/a.css";
</style>