1. 外链式
用法
- step 1: 在 html 文档的 head 头部分写入下方这句话
<link rel="stylesheet" href="./xxx.css">
- setp 2: 在当前目录下新建一个 xxx.css
- step 3: 在 xxx.css 中写相应的程序代码
2. 嵌入式
用法
- 在 html 文档的 head 头部分使用 <style> 标签
- 比如
<style>
div{
width:200px;
height:200px;
background-color:yellow;
}
</style>
3. 内联式
用法
在html 文档的 body 体中使用 <div> 标签
比如
<div style="width:200px;height:200px;background-color:green;"></div>
4. 三种方法的比较
- 实际应用中,外链式较多
- 同时存在两种或两种以上的方式时
- 自顶向下,后加载的覆盖先加载的
- 一般地,离元素越近,优先级越高