Question

我按如下方式包含css文件，但不起作用。

    <link rel="stylesheet" type="text/css" href="/_control/navi.css" />
    <div class="navi"> 
        <ul> 
            <li><a href="/">home</a></li>
            <li><a href="#">introduce</a></li>
            <li><a href="#">event</a></li>
            <li><a href="#">gallery<a></li>
            <li><a href="#">board<a></li>
            <li><a href="#">road</a></li>
            <li><a href="#">music</a></li>
        </ul>
    </div>

我错了什么？

Answer 1

您应该将<link>放在页面的<head></head>部分。

<html>
  <head>
    <link rel="stylesheet" type="text/css" href="/_control/navi.css" />
  </head>
  <body>
    ...
  </body>
</html>

如果不起作用，请确保文件路径正确。

Answer 2

你没有领先的斜线尝试过吗？像这样：

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

Answer 3

您需要在问题中提供更多信息，但请看这是做什么的。你的CSS链接没问题。你应该检查一些事情：

CSS文件的路径。如果需要便于理解，请明确
确保标记位于标记内，并且标记位于标记内。
确保您的CSS文件准确引用您尝试设置样式的HTML标记。这可能看起来像：

.navi li a，#navi li a：link { / *常规风格* / } .navi li a：hover { / 悬停 / }

包括CSS文件

3 个答案: