行内样式表
行内样式表(内联样式表)是在元素标签内部的 style 属性中设定 CSS 样式。适合于修改简单样式
<div style="color: red; font-size: 12px;">青春不常在,抓紧谈恋爱</div>
内部样式表
内部样式表(内嵌样式表)是写到 html 页面内部. 是将所有的 CSS 代码抽取出来,单独放到一个 <style>
标签中
<style>
div {
color: red;
font-size: 12px;
}
</style>```
## 外部样式表
实际开发都是外部样式表. 适合于样式比较多的情况. 核心是: **样式单独写到 CSS 文件中,之后把 CSS 文件引入到 HTML 页面中使用.**
引入外部样式表分为两步:
1. 新建一个后缀名为 .css 的样式文件,把所有 CSS 代码都放入此文件中。
2. 在 HTML 页面中,使用<link> 标签引入这个文件。
```css
<link rel="stylesheet" href="css文件路径">