css代码要写在哪里呢？一共有4种编写位置 。
1 内嵌式
顾名思义，内嵌式就是直接嵌在html文件中 。
就是在<head></head>标签对中，写<style></style>标签对，然后在<style></style>标签对中写CSS语句 。
比如我在项目文件夹中，创建一个"内嵌式.html"文件，里面写如下代码：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>内嵌式</title><style>h1{color:red;}</style></head><body><h1>我是一个主标题</h1></body></html>
这就是内嵌式的写法 。
这里是把h1标签的文字设置成红色，浏览器中效果如下：
文章插图
2 外链式
所谓外链式，就是把CSS代码保存在单独的.css文件中，然后用<link>标签引入这个文件 。
<link>标签语法如下：
文章插图
<link>标签上的rel属性，是英文单词relationship的前三个字母，它的值是样式表，这个属性就表示你要引入的文件，和当前这个HTML文件的关系是"stylesheet"，也就是说你要引入的文件是个样式表 。
<link>标签上的href属性，表示引入文件的路径和文件名 。跟<a>标签的href属性类似 。
外链式的优点：多个HTML文件，可以共用一个CSS样式表文件 。
比如，
我在项目文件夹中，创建一个"外链式.html"文件，再在css文件夹中创建一个"css.css"文件 。
文章插图
然后在"css.css"这个文件中写css代码，在.css文件中写css代码，就不需要写style标签了，直接写css语句就行了 。
文章插图
比如我给p标签的文字设置成黄色 。
然后我打开"外链式.html"文件，在<body>中写几个p标签，然后在<head></head>标签对中写<link>标签，引入css文件，代码如下：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>外链式</title><link rel="stylesheet" href=https://www.isolves.com/it/cxkf/yy/CSS2/2020-11-26/"css/css.css">上天不给我的，无论我怎么十指紧扣，都会漏走，上天给我的，无论我怎么失手，都会拥有 。