- 行内样式表（行内式）
- 在元素的标签内部的style属性中，设定CSS样式，适用于简单的样式修改。
- 注意点：
- style其实就是标签的属性
- 在双引号中书写样式，格式要符合css规范
- 书写比较繁琐，不推荐使用
- style其实就是标签的属性
- 例
- 在元素的标签内部的style属性中，设定CSS样式，适用于简单的样式修改。
- 内部样式表（嵌入式）
- 内部样式表就是在<head></head>标签中的<style></style>标签中书写样式
- 注意点：
- 可以更加方便的控制多个元素的样式
- 代码结构比较清晰，实现了结构和样式的部分分离（不完全分离）
- 练习时，经常采用这种方式
- 可以更加方便的控制多个元素的样式
- 例
- 内部样式表就是在<head></head>标签中的<style></style>标签中书写样式
- 外部样式表（链接式）（开发中最常用，实现了结构和样式的完全分离）
- 可以使用链接的方式引入外部样式文件
- 使用步骤
- 1、创建css文件
- 2、使用link标签引入css文件即可（link标签一般写在head标签中）
- rel 定义当前文档与被链接的文档之间的关系，stylesheet表示被链接文档是一个样式表文件
- href 定义链接的文件的路径（URL），可以使用绝对路径也可以使用相对路径
- rel 定义当前文档与被链接的文档之间的关系，stylesheet表示被链接文档是一个样式表文件
- 1、创建css文件
- 例
- css文件
- 引入css文件
- css文件
- 可以使用链接的方式引入外部样式文件