样式表(黑马程序员pink老师前端教程笔记)

行内样式表

行内样式表（内联样式表）是在元素标签内部的 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文件路径">

总结