Question

我一直在尝试将我在本地计算机中创建的css文件链接到我的html代码，但它似乎不起作用。我们应该在哪里保留我们想要在我们的html代码中链接的css文件，或者我们应该如何链接到该文件？作为一个例子，我发布这个HTML代码：

<!DOCTYPE html>
<html lang="en-GB">
<head>
  <meta charset="utf-8">
  <title>Breeding Dogs—Tips about Alsatians</title>
  <meta name="description" content="How to breed Alsatians, tips on proper breeding and information about common issues with this breed.">
  <meta name="keywords" content="Dogs,Alsatian,Breeding,Dog,Tips,Free,Pet">
  <link rel="stylesheet" type="text/css" media="screen" href="styles.css">
  <link rel="stylesheet" type="text/css" media="print" href="printstyles.css">
  <script src="leaving.js"></script>
</head>
<body>
Test!
<a href="http://dailypuppy.com" onclick="return leave()">The Daily Puppy</a>
</body>
</html>

从这个例子中，如果我想重新创建这个，我应该在哪里保存我的styles.css文件等。我有点困惑，可以真的使用一点帮助，谢谢。

Answer 1

这取决于您的文件结构。通常，如果您将.html文件保存在根目录中，则将样式文件（.css）保存在标记为 css 的目录中，以便您的结构可以

/-
 - /img
 - /css
 | --- style.css
 | --- printstyle.css
 - index.html

表示您的标记行会读取

<link rel="stylesheet" type="text/css" media="screen" href="./css/styles.css">
<link rel="stylesheet" type="text/css" media="screen" href="./css/printstyles.css">

请注意目录名称前面的“./”。这意味着它是一个相对位置，如果您在本地读取.html文件，则需要它（使用file：///而不是正如我想象的那样，通过本地服务器为他们服务。

Answer 2

鉴于您在那里发布的示例，HTML文件和样式表应该位于同一目录中，例如Somefolder / index.html和Somefolder / styles.css

链接到外部css文件

2 个答案: