Html 链接到外部css文件
我一直在尝试将我在本地计算机上创建的css文件链接到我的html代码，但它似乎不起作用。在html代码中，我们应该将要链接的css文件保存在哪里，或者如何链接到该文件？例如，我发布了以下html代码：Html 链接到外部css文件,html,css,hyperlink,Html,Css,Hyperlink,我一直在尝试将我在本地计算机上创建的css文件链接到我的html代码，但它似乎不起作用。在html代码中，我们应该将要链接的css文件保存在哪里，或者如何链接到该文件？例如，我发布了以下html代码： <!DOCTYPE html> <html lang="en-GB"> <head> <meta charset="utf-8"> <title>Breeding Dogs—Tips about Alsatians</tit
<!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文件放在哪里，等等。我有点困惑，真的需要一些帮助，谢谢。鉴于你在那里发布的示例，HTML文件和样式表应该位于同一个目录中，例如，Somefolder/index.html和Somefolder/styles.css取决于您的文件结构。按照惯例，如果您将.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:///而不是像我想象的那样通过本地服务器提供服务）.我认为问题可能出在媒体标签的某个地方，然后尝试删除，看看是否有任何变化。因此，我基本上应该在那里打印该文件的工作目录？如果在本地打开html文件，则需要使用相对地址（./），这会告诉浏览器在当前目录中启动。如果你想进入一个目录，你会说“./”。上两个目录是“../../”。但是这种相对导航是必需的，因为从技术上讲，您并不是从机器的根目录开始工作的，如果您不添加“/”，浏览器将假定这一点。这回答了你的问题吗？如果我将文件保存在一个名为css的目录中，而将html代码保存在一个名为bitstarter的目录中。所以我应该说./../css/mycssfile.cssYes-这会起作用，但可以简化为“./css/mycssfile.css”谢谢你，伊西克，最后一个问题：如果我要上多个目录，我每次都需要在“./”后面写目录名吗？例如：../directory1/。/directory2/。/css/myfile.css