Question

<!DOCTYPE html>
<html>
  <head>
    <meta charset=“UTF-8” />
    <title>Footer Design</title>
    <link rel=“stylesheet” type=“text/css” href=“style.css” />
  </head>

  <body>
    <div id=“footer”>
      <div id=“footer-col-one”>
        <h3>Categories</h3>
        <ul>
          <li>Snow</li>
          <li>Surf</li>
          <li>Travel</li>
        </ul>
      </div>

      <div id=“footer-col-two”>
        <h3>Navigation</h3>
        <ul>
          <li>Home</li>
          <li>About</li>
        </ul>
      </div>

      <div id=“footer-col-three”>
        <h3>Follow Me</h3>
        <ul>
          <li>Facebook</li>
          <li>Twitter</li>
          <li>Instagram</li>
        </ul>
      </div>
    </div>
  </body>
</html>

出于某种原因，我无法获取我的CSS样式表。它与此html文件不是同一个目录。我正在使用TextEdit并将其设置为与html＆amp; CSS。我注意到任何我有双引号的地方我在Chrome开发者工具上得到了一些奇怪的输出，如下所示：

<link rel=â€œstylesheetâ€ type=â€œtext/cssâ€ href=â€œstyle.cssâ€ />

Answer 1

您无法使用“个字符分隔HTML属性值，您必须使用"或'。

zoomed in screenshot of the above text

左/右引号将被视为值的一部分（以及URL），而不是HTML特殊字符。

您的问题很可能是由使用启用了智能引号的字处理器编写代码引起的。使用文本编辑器（我自己喜欢Sublime Edit 2，但还有许多其他出色的选择，例如Komodo Edit和Brackets）。

如果你used a validator，这本来会被提起（虽然没有明确说明）。

Answer 2

请使用此源格式。请勿使用“。使用“。如果你的style.css文件位于其他位置，则意味着假设style.css位于css文件夹中，所以给出路径如href =”css / style.css“

希望得到答案并使用下面我修改过的html代码！

页脚设计

<body>
<div id="footer">
  <div id="footer-col-one">
    <h3>Categories</h3>
    <ul>
      <li>Snow</li>
      <li>Surf</li>
      <li>Travel</li>
    </ul>
  </div>
  <div id="footer-col-two">
    <h3>Navigation</h3>
    <ul>
      <li>Home</li>
      <li>About</li>
    </ul>
  </div>
  <div id="footer-col-three">
    <h3>Follow Me</h3>
    <ul>
      <li>Facebook</li>
      <li>Twitter</li>
      <li>Instagram</li>
    </ul>
  </div>
</div>
</body>
</html>

无法将CSS应用于HTML文件

2 个答案: