01前言

css有三种链接到HTML文档的方式，但是最后一种链接式，需要代码托管，接下来我将详细解释。

02 CSS样式表的链接方式

内联样式表（inline styles）：内联样式表可以直接在HTML标记中使用<style>属性来定义。例如：

<p style="color: red; font-size: 16px;">这是一段红色、字号为16px的文本。</p>

嵌入式样式表（embedded styles）：嵌入式样式表可以在HTML文档中使用<style>标签定义。例如：

<head>
  <style>
    p {
      
      
      color: red;
      font-size: 16px;
    }
  </style>
</head>
<body>
  <p>这是一段红色、字号为16px的文本。</p>
</body>

需要注意的是，内联样式表和嵌入式样式表通常被认为是不好的做法，因为它们会将样式和内容混合在一起，使得样式难以维护和修改。而外部样式表和引用式样式表则可以将样式和内容分离开来，从而使得样式更加易于管理和更新。

外部样式表（external styles）：外部样式表可以通过使用标签将CSS文件链接到HTML文档中。

<head>
  <link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
  <p>这是一段从styles.css文件中引用的样式。</p>
</body>

此外，还有一种相对较新的方式是引用式样式表（imported styles），它使用@import语句在一个CSS文件中引用另一个CSS文件。例如：

<head>
  <style>
    @import url("styles.css");
  </style>
</head>
<body>
  <p>这是一段从styles.css文件中引用的样式。</p>
</body>

<head>
  <link rel="stylesheet" type="text/css" href="https://仓库名.github.io/css/style.css">
</head>
<body>
  <p>这是一段从styles.css文件中引用的样式。</p>
</body>

github的代码托管过程如下：

1、输入命令：git init，在本地创建新的git库
2、在本地利用git命令，与远程仓库建立连接:

git remote add origin  github仓库地址

3、利用命令：git add .，将此目录下的所有文件添加到缓存区
4、利用命令：git commit -m 'test'请求
5、利用命令：git push origin master推送

此时，代码已经被成功推送到仓库里。

有其他问题可以私信我或者看我的另一篇git命令使用的具体教程去理解

1、在github里面，点击settings

在这里插入图片描述
2、点击pages，配置你的分支，查看你的访问url。

3、根据需要在html的<link>里面引入你的外部链接，你会发现样式被成功加载了！