[分享]css中怎么弄外链式

发布于 2024-11-11 19:05:00

在CSS中，我们通常使用外链式的方式引入样式表。外链式就是将CSS样式表放在一个外部文件里，然后在HTML文件中通过link标签引入。具体步骤如下：首先，我们需要创建一个新的CSS文件，比如说我们将其...

在CSS中，我们通常使用外链式的方式引入样式表。外链式就是将CSS样式表放在一个外部文件里，然后在HTML文件中通过link标签引入。
具体步骤如下：
首先，我们需要创建一个新的CSS文件，比如说我们将其命名为style.css。
然后，在style.css文件中编写我们需要的CSS样式，比如说我们可以设置body的背景颜色为白色，字体颜色为黑色：

body {
  background-color: white;
  color: black;
}

编写完CSS样式之后，将该文件保存到我们项目的根目录下。
接着，在HTML文件中，我们通过link标签来引入该CSS样式表：

<!DOCTYPE html>
<html>
  <head>
    <title>外链式CSS样式表</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <p>这是一段测试文本。</p>
  </body>
</html>

其中，link标签包含了两个属性，分别是rel和href。rel属性表示该链接和文档之间的关系，当我们引入CSS样式表时，需要将其设置为stylesheet。href属性表示样式表的位置，我们需要将其设置为样式表所在的路径和文件名。
最后，我们在HTML中使用p标签编写文本，例如：