Html 和 css 不起作用答案

【问题标题】：Html and css doesnt workHtml 和 css 不起作用
【发布时间】：2015-08-22 22:22:29
【问题描述】：

我的 css 不起作用（html 和 css 文件在同一个文件夹中），我试图提供所有路径 ton href，这是我的文件。第一个文件是 menu2.html，第二个是 menu2style.css。谁能帮忙?

html:

<head>
    <title>
        test menu
    </title>

    <style>
        <rel="stylesheet" type="text/css" href="var/www/html/css_tests/menu2style.html">

    </style>
</head>

    <body>

        <nav>

        <A href="">PHOTO 1</A>
        <A href="">PHOTO 2</A>
        <A href="">PHOTO 3</A>
        <A href="">PHOTO 4</A>
        <A href="">PHOTO 5</A>

        </nav>

    </body>

和css：

nav{ background-color:#99FF66;}

【问题讨论】：

尝试删除 <style> 和 </style>。看看有没有帮助。

标签： html css

【解决方案1】：

问题在于您提供了 CSS 文件路径的链接。浏览器很难理解他必须指向什么样的路径才能获得相关的样式。

我所做的是创建了一个名为 menu2style.css 的单独文件，并在我的 HTML 页面中进行了引用。这是一种使用样式表，称为外部样式。

第 1 步： 创建一个名为 menu2style.css 的文件（css 是样式表的扩展名，以防万一您不知道）

    <style>
nav{
    background-color:#99FF66;
    }
</style>

第 2 步：参考您刚刚在第 1 步中创建的 CSS 样式表的路径。

<link rel="stylesheet" type="text/css" href="C:/MyFolder/menu2style.css">

如果你在上面看到的路径我已经给出了绝对路径。这会指向您的文件/文件夹中的确切位置，并将样式表从它呈现到网页上。

希望这会有所帮助。

【讨论】：

你能进一步解释一下吗？你的代码如何解决给定的问题？

【解决方案2】：

测试菜单

    <link rel="stylesheet" type="text/css" href="var/www/html/css_tests/menu2style.css">

<body>

    <nav>

    <img src="">PHOTO 1</A>
    <img src="">PHOTO 2</A>
    <img src="">PHOTO 3</A>
    <img src="">PHOTO 4</A>
    <img src="">PHOTO 5</A>

    </nav>

</body>

【讨论】：

你能进一步解释一下吗？你的代码如何解决给定的问题？

【解决方案3】：

测试菜单

    <rel="stylesheet" type="text/css" href="var/www/html/css_tests/menu2style.html">

<body>

    <nav>

    <a href="url">PHOTO 1</A>
    <a href="url">PHOTO 2</A>
    <a href="url">PHOTO 3</A>
    <a href="url">PHOTO 4</A>
    <a href="url">PHOTO 5</A>

    </nav>

</body>

【讨论】：

您能进一步解释一下吗？您的代码如何解决给定的问题？

【解决方案4】：

你不需要写样式标签并且您缺少用于添加 css 样式表的链接 rel 测试菜单

    <***link*** rel="stylesheet"  href="var/www/html/css_tests/menu2style.html" type="text/css">

<body>

    <nav>

    <A href="">PHOTO 1</A>
    <A href="">PHOTO 2</A>
    <A href="">PHOTO 3</A>
    <A href="">PHOTO 4</A>
    <A href="">PHOTO 5</A>

    </nav>

</body>

【讨论】：

【解决方案5】：

嗯..我认为你需要了解 HTML/CSS 的基础知识...

这是一个完整的 html 文档示例：

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="path/to/your/file/styles.css">
    </head>
    <body>

        <h1>My First Heading</h1>

        <p>My first paragraph.</p>

    </body>
</html>

您可以在此处查看更多示例：

W3Schools

【讨论】：

请解释您所做的更改以及为什么需要这样做

【解决方案6】：

您可以使用样式标签在头部写下您的样式。如果你想外部 css 你应该只使用链接标签。你走错路了，因为你在样式标签中写了链接标签。

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

你写错了style css style的扩展名，应该是点css(.css)

【讨论】：

【解决方案7】：

如果包含外部样式表，则不得将元素包装在样式标签中。

<!-- styles in menu2style.css -->
<link rel="stylesheet" type="text/css" href="menu2style.css"> 

<!-- inline styles -->
<style>
   nav { background-color:#99FF66;}
</style>

确保您在href 属性中指定了正确的路径！

【讨论】：

【解决方案8】：

<style>
    <rel="stylesheet" type="text/css" href="var/www/html/css_tests/menu2style.html">
</style>

样式元素用于内联样式。不要将 HTML 用于加载外部样式表。删除<style> 和</style>

 <rel="stylesheet" type="text/css" href="var/www/html/css_tests/menu2style.html">

HTML 开始标签需要 type 在您放置任何属性之前。在这种情况下，您需要一个链接元素。

<link rel...

你的 CSS 的 URL 应该是：

到您的 CSS，而不是到 HTML 文档。
相对于您网站的根目录（例如/css/styles.css）或相对于当前文档（styles.css，因为您说它们在同一个文件夹中）。不是本地文件系统上的完整路径。

这里也不需要类型属性。

因此：

 <link rel="stylesheet" href="styles.css">

【讨论】：

我删除了
@pacos — 所以你没有修复 URL？
我修好了！问题是我应该删除
@pacos — 我在这个答案中提到了这两件事！