CSS引入方式

1. 内部样式表（嵌入式）

写到html页面内部，放到一个style标签里

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

2. 行内样式表（行内式）

<p style="color: red; font-size: 16px;">粉红色的回忆</p>

3. 外部样式表（链接式）

开发中常用

单独写到css文件中，再把css通过链接引入html：

1. 新建.css样式文件
2. 在HTML页面中，使用link标签引入这个文件

<link rel="stylesheet" href="style.css">

属性	作用
rel	定义当前文件与被链接文档之间的关系，“stylesheet”表示被链接的文档是一个样式表文件
href	定义所链接外部样式表文件的URL，可以是相对路径，也可以是绝对路径

4.样式组件的设计及导入技巧

当一个样式文件依赖于其他样式文件，使用@import url();

@import url("common/menus.css");
body {
    background: black;
}
h1 {
    color: orange;
}