链接到外部的css文件

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

<!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的文件，等我有点困惑，并可能真的使用有点帮助，谢谢。

来源

2014-01-07 alexander_the_great

我认为这个问题可能存在于媒体标签的某个地方，尝试删除然后看看是否有任何变化。 – user3152069

考虑到你在那里发布的例子，HTML文件和样式表应该驻留在同一个目录中，例如， Somefolder/index.html和Somefolder/styles.css

来源

2014-01-07 22:10:49 yochannah

这取决于您的文件结构。按照惯例，如果你保持.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：///而不是像我想象的那样通过本地服务器提供它们），则需要它。

来源

2014-01-07 22:12:11 isick

所以我只是基本上打印该文件的工作目录呢？ –

如果你在本地打开html文件，你需要使用相对地址（./），它告诉浏览器在当前目录中启动。如果你想上一个目录，你会说“../”。两个目录是“../../”。但是这种相对导航是必需的，因为你不是从机器的根目录开始工作的，如果你不添加“./”，那么你的浏览器将会假设你的假设。这是否回答你的问题？ – isick

如果将该文件保存在一个名为css的目录中，并且我将html代码保存在名为bitstarter的目录中。所以我应该说./../css/mycssfile.css –

链接到外部的css文件

回答

相关问题