Question

我的html和css不会链接css是假设在标题上使Hayes和Ash字变红。我的代码：

<!DOCTYPE html>
<html style="background-color:#FFA100;>
<head>
    <link rel="stylesheet" type="text/css" href="C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css"/>
    <title>Hayes and Ash</title>
</head>
<body>
    <h1>Hayes and Ash<h1>
    <div id="hayes">
        <img src="http://i.imgur.com/xXSDVAm.jpg?1"/>
        <p>I am Hayes harharhar</p>
    </div>
    <div id="ash">
        <img src="http://i.imgur.com/zcBLpU6.jpg?1"/>
        <p>This is Ash I am very fluffy!</p>
    </div>
   </body>
</html>

Answer 1

href链接：

href="C:\Documents and Settings\Test.DOBRUSKY\Desktop\stylesheet.css"

应该是 URL ，而不是本地文件系统路径。它可以相对于HTML文档的位置，例如：

href="stylesheet.css"

或

href="http://www.example.com/somewhere/out/there/stylesheet.css"

Answer 2

<link rel="stylesheet" type="text/css" href="stylesheet.css">

如上所示以这种方式链接css文件并检查它

关闭h1标签

<h1> Hayes and Ash </h1>

颜色可以应用于身体中的所有文字。

Answer 3

您在链接声明中直接引用本地计算机。 C：\ Documents and Settings \ Test.DOBRUSKY \ Desktop \ stylesheet.css

最佳做法是将样式表放在项目内的文件夹中，然后在那里引用样式表。如果将样式表放在名为“styles”的文件夹中，则href引用将如下所示。 HREF = “〜\样式\ stylesheet.css中”

如果你愿意，你当然可以把你的样式表放在项目的主文件夹中，但是有一个文件夹结构可以为你的项目添加更多的css文件。

查看以下文章中的方法3。
http://html.net/tutorials/css/lesson2.php

HTML和CSS不会链接

3 个答案: