我一直在尝试将我在本地计算机中创建的 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 文件等。我有点困惑,确实需要一些帮助,谢谢。
它取决于您的文件结构。按照惯例,如果将 .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:/// 而不是像我想象的那样通过本地服务器提供它们),则需要它。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)