Html和CSS不起作用

时间:2015-06-08 12:36:34

标签: html css

我的CSS不起作用(html和css文件在同一个文件夹中)我尝试给所有路径ton href,这是我的files.First文件是menu2.html,第二个是menu2style.css.Can任何人帮助?

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

8 个答案:

答案 0 :(得分:2)

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

style元素适用于 inline 样式。不要将HTML加载到其中的外部样式表。移除<style></style>

 <rel="stylesheet" type="text/css" href="var/www/html/css_tests/menu2style.html">
在放置任何属性之前,

HTML开始标记需要类型。在这种情况下,您需要一个link元素。

<link rel...

CSS的URL应为:

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

您也不需要类型属性。

因此:

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

答案 1 :(得分:2)

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

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

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

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

答案 2 :(得分:1)

嗯..我想你需要看看HTML / CSS的基础知识......

以下是完整HTML文档的示例:

(gl-viewport 0 0 width height)

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

W3Schools

答案 3 :(得分:1)

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

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

你写的样式css样式的错误扩展名。它应该是dot css(.css)

答案 4 :(得分:0)

您无需编写样式标记 并且你错过了链接rel以添加css样式表              测试菜单     

    <***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 :(得分:-1)

             测试菜单     

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

答案 6 :(得分:-1)

             测试菜单     

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

答案 7 :(得分:-2)

&#13;
&#13;
s = '[[131 22 2 "male"] [123 23 2 "female"] [232 21 2 "male"] [132 21 2 "male"]]' 
v0 = c(strsplit(s, "] \\["))
&#13;
&#13;
&#13;