Question

我刚接触过HTML和CSS。

我写了一个小HTML5文件和一个CSS文件，但我的HTML没有从CSS获取任何信息，因为没有任何样式。

我使用Eclipse，有一个目录＆＃34; WebContent＆＃34;哪里有HTML文件，CSS在WebContent / WEB_INF / CSS / file.css中。

HTML文件：

<html lang="it">

    <head>
    <link rel="stylesheet" href="/WEB-INF/CSS/NewFile.css" type="text/css">

        <title>Strumenti musicali</title>
        <meta charset="UTF-8">
        <meta name="description" content="Negozio di strumenti musicali">
        <meta name="keywords" content="strumenti, musicali, negozio">
        <meta name="author" content="Paolo">

        <meta name="viewport" content="width=device-width, initial-scale=1.0">

    </head>

    <body>

        <nav>
            <a href="/html/">HTML</a> |
            <a href="/css/">CSS</a> |
            <a href="/js/">JavaScript</a> |
            <a href="/jquery/">jQuery</a>
        </nav> 

    <h2>The title attribute</h2>

    <p title="I'm a tooltip">
        Mouse over this paragraph, to display the title attribute as a tooltip.
    </p>

    </body>

</html>

和CSS文件：

head {
    display: none;
}

body {
    background-color: lightblue;
    display: block;
    margin: 8px;
}

body:focus {
    outline: none;
}

h1 {
    color: white;
    text-align: center;
}

nav {
    display: block;
}

p {
    font-family: verdana;
    font-size: 20px;
}

我不知道如何指示CSS文件，因为文件.html位于目录＆＃34; WebContent＆＃34 ;; WebContent/WEB-INF/CSS/NewFile.css中的CSS文件;我使用的路径是＆＃34; /WEB-INF/CSS/NewFile.css＆＃34;并且仍然无法工作。

编辑：

它似乎适用于Chrome和Edge，但在Firefox和Eclipse中都没有。

Answer 1

尝试使用路径“/WEB-INF/CSS/NewFile.css”，也就是说从html文件到css文件的相对路径。

Answer 2

CSS文件的路径不正确。确保相对路径和文件名与您想要的CSS文件匹配。

在你的情况下，html文件中指定的路径指向“NewFile.css”，它与“file.css”不匹配，正如Blackbam所提到的那样。目录名中也存在其他问题。修复此问题将解决您的问题。

我还想补充一点，StackOverflow不是用来调试你的问题的网站。

HTML5文件忽略CSS

2 个答案: