1. 内联样式 不推荐
在标签内使用style属性指定css代码
<div style="color: chartreuse">hello css</div>
2.内部样式
在head标签内 ，定义style标签 style标签的标签体内容就是css代码
<head> <meta charset="UTF-8"> <title>页面</title> <style> /*作用域为div*/ div{ color:blue; }
3.外部样式
- 定义css资源文件
2.在head标签内 ，定义link标签 引入外部资源文件
<head> <meta charset="UTF-8"> <title>页面</title> <link rel="stylesheet" href="css/a.css"></link>