无法从HTML文本访问CSS文件_Css_Html

无法从HTML文本访问CSS文件

css html

无法从HTML文本访问CSS文件,css,html,Css,Html,以下是我的代码示例： <!doctype HTML> <html> <head> <title>Homepage</title> <link rel="stylesheet" type="text/css" href="C:/Users/OneDrive/Programming/HTML/css/test.css"> </head> <body>

以下是我的代码示例：

<!doctype HTML>
<html>
    <head>
        <title>Homepage</title>
        <link rel="stylesheet" type="text/css" href="C:/Users/OneDrive/Programming/HTML/css/test.css">
    </head>
    <body>
        <h1>This is a heading.</h1>
        <p1>This is a paragraph.</p1>

        <ul>
            <li>This is the first element of a list</li>
            <li>This is the second one.</li>
        </ul>

    <button type="button" onclick="alert('That tickles...')">Press me!</button><br>
    <button type="button" onclick="">I do nothing. :-(</button>

    </body>
</html>

。。。位于以下位置：

HTML/
..../home.html
..../css/
......../test.css

我试图通过

href=“css/test.css”

访问css，但没有效果。我做错了什么

注意：对我的代码有任何优化吗？


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

访问本地文件时，必须指定文件URI方案（

文件：//

）：

或使用相对路径：

<link rel="stylesheet" href="css/test.css">

这是正确的：

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

为此：

p1 {
    font-family: Courier New;
    color: white;
    background-color: lightblue;
}

（对不起，我的英语不好。我来自捷克共和国）

我要说的是检查您实际css文件名的拼写。确保它实际上是

test.css

而不是

tst.css

或

tesy.css

或其他打字错误。检查文件夹名称是否有拼写错误

如果你的

css

文件和你的

HMTL

文件一样在你的项目文件夹中，我猜一定是打字错误。例如，如果您的项目结构如下所示

yourProjectFolder
||
||_ index.html
|
|__ stylesFolder
      |
      |_ test.css

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

您的脚本必须如下所示

yourProjectFolder
||
||_ index.html
|
|__ stylesFolder
      |
      |_ test.css

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

如果这确实是您针对文件的方式，并且您遇到了错误，那么您必须在某个地方拼写错误。

使用（点击

F12

）。开发工具提供了一个网络选项卡。请确认：是否找到资源（例如HTTP 200响应）？如果没有，则请求哪个实际URL？从HTML5开始，type=“text/css”不再是必需的。@Xufox I get

加载资源失败：net:：ERR_FILE\u not_FOUND

@BUZZYSIN在问题标题中发布解决方案或

[已解决]

。如果您需要指示解决方案，请使用绿色复选标记。如果你需要回答你自己的问题，请发布一个答案。这是他的来源，我只是回答他的css文件位置问题，如果你想了解与他的问题无关的其他细节，你可以打开另一个主题。致以最良好的祝愿。我尝试了问题中提到的第二种选择，但没有成功。它应该会起作用，但不会，我不知道为什么。编辑：我没有尝试这个建议，我会看看它是否有效。你是否尝试过像我建议的那样用文件URI方案（

file://

）在你的文件路径前面？如果你的html在

html

文件夹中，第二种方法有效。@FarzinKanzi这是正确的，它位于

HTML

文件夹中。您的建议有效地消除了

未能加载的资源：net:：ERR_FILE\u NOT_FOUND

，@agrm，但我的网页中没有看到任何更改。我的代码错了吗？…或者更好，将

更改为

？：o） @agrm是的，它更好，但如果设置背景色，则两个标记的结果不同。（例如）@DavidMoškoř我的观点是

是一个有效的HTML元素<代码>不可用。示例中的视觉差异只是因为浏览器默认将

识别为块级元素，而浏览器未知的

则呈现为内联元素。添加

p1{display:block}

，它们都将显示为块。或者

p{display:inline}

它们都是内联的…感谢您的解释。我一直认为

在旧的html版本中是一个有效的html标记。

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