CSS三种引入方式

希望大家能够持续关注、点赞以及评论我的博客，以及我的博客网站，一起交流更多的IT技术！！！不负韶华，砥砺前行！酒涩博客-专属你的IT交流博客！

按照CSS样式书写的位置（或者引入的方式），CSS样式分为三大类。

内部样式表（嵌入式引入）

<style>
	div {
		color： red;
		font-size: 15px;
	}
</style>

行内样式表（行内式引入）

行内样式表（内联样式表）是在元素标签内部设置元素的样式。

<p style=“ color：red; font-size:20px”>酒涩博客</p>

• 可以设置当前标签的样式

• style为标签的属性

• 在双引号中间写，写法符合CSS规范

• 不常用，没有结构与样式分离。用于修改样式比较少的情况

外部样式表（链接式引入）

在实际的开发种都用于外部样式表。适合样式较多的情况。样式单独的写到CSS文件中，之后把CSS文件引入到HTML中使用。

步骤：

1. 首先创建一个.css的文件，把所有的样式代码放入此文件中。

2. 在HTML中标签中title下面使用标签引入这个文件

<link rel="stylesheet" href="CSS文件路径">

属性	作用
rel	定义当前文档与被链接文档之间的关系，在这里使用”stylesheet”，表示被链接的文档是一个样式表文件。
href	定义所链接外部样式表的文件地址。