HTML5文件忽略CSS_Css_Html - Fatal编程技术网

HTML5文件忽略CSS

css html

HTML5文件忽略CSS,css,html,Css,Html,我刚刚接触了HTML和CSS 我写了一个小HTML5文件和一个CSS文件，但是我的HTML没有从CSS中获得任何信息，因为没有任何样式我使用的是Eclipse，有一个目录“WebContent”，其中有HTML文件，CSS位于WebContent/WEB\u-INF/CSS/file.CSS中 HTML文件：我不知道CSS文件必须如何表示，因为file.html位于目录“WebContent”中；WebContent/WEB-INF/CSS/NewFile.CSS中的CSS文件；我使用的路

我刚刚接触了HTML和CSS

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

我使用的是Eclipse，有一个目录“WebContent”，其中有HTML文件，CSS位于WebContent/WEB\u-INF/CSS/file.CSS中

HTML文件：

我不知道CSS文件必须如何表示，因为file.html位于目录“WebContent”中；

WebContent/WEB-INF/CSS/NewFile.CSS

中的CSS文件；我使用的路径是“

/WEB-INF/CSS/NewFile.CSS

”，但仍然不起作用

编辑：

它似乎在Chrome和Edge上工作，但在Firefox和Eclipse中都不起作用。

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

CSS文件的路径不正确。确保相对路径和文件名与预期CSS文件的相对路径和文件名匹配

在您的例子中，html文件中指定的路径指向“NewFile.css”，它与Blackam提到的“file.css”不匹配。目录名中还存在其他问题。解决此问题将解决您的问题

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

您的CSS文件的URL错误？CSS文件路径错误。您处理的是相对路径，这意味着它是相对于请求信息的页面的。如果你的.html页面位于

WebContent/WEB-INF

中，那么你的CSS

href

标记应该是

href=“CSS/NewFile.CSS”

文件.html位于“WebContent”中；WebContent/WEB-INF/CSS/file.CSS中的CSS文件“我使用的路径是“/WEB-INF/CSS/NewFile.CSS”仍然不起作用。然后尝试此

href=“/WebContent/WEB-INF/CSS/NewFile.CSS”

否，路径和名称正确。CSS文件名为“NewFile.CSS”“，它位于

WebContent/WEB-INF/CSS/NewFile.CSS

中。HTML文件位于

WebContent/file.HTML

中。

href

中的URL是

href=“WEB-INF/CSS/NewFile.CSS”

。所以一切都是正确的，但背景颜色始终是白色而不是浅蓝色，并且没有应用其他更改。尝试过，但这似乎不是问题所在。

<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>

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;
}