Question

我有以下文件和目录结构

在practice.html中我有

<html>
  <head>
    <title>Practice</title>
    <link type="text/css" rel="stylesheet" href="css/styles.css"/>
  </head>
  <body>
      <p>Paragraph</p>
      <h1>Heading</h1>
  </body>
</html>

在styles.css中我有

p {
    font-family: "Ubuntu", "Times New Roman", Times, serif;
}

h1 {
    font-family: "Trebuchet MS", Helvetica, sans-serif;
    color: red;
}

我一直在盯着这个。我的浏览器都没有使用css样式进行渲染。我怎么能弄清楚问题是什么？我可以在Chrome中看到css文件没有加载，但我不明白为什么。

我是一名C ++程序员，正在进入可怕的网络世界。感谢。

Answer 1

您的代码没有任何问题。每当你做这种类型的简单web开发时，总是很难刷新你的窗口（Windows上的Ctrl + F5，Mac上的Opt + Cmd + E）。

我无法告诉你我认为自己做错事的次数只是为了意识到我不是很难刷新并且没有被读取。

Answer 2

这是一个真正的浪费。事实证明，我从macOS iBook复制的代码var oReq = new XMLHttpRequest(); var encodedString = base64.encode(this.authorizationBasic); oReq.open("POST", "https://api.sandbox.paypal.com/v1/oauth2/token", false); oReq.setRequestHeader('Authorization', "Basic " + encodedString); oReq.setRequestHeader('Content-type', "application/x-www-form-urlencoded"); oReq.setRequestHeader('Accept', "application/json"); oReq.setRequestHeader('Accept-Language', "en_US"); oReq.onreadystatechange = function () { console.log("state changed - new state: " + oReq.readyState + " and Status: " + oReq.status); if (oReq.readyState === 4) { if (oReq.status === 200) { var response = JSON.parse(oReq.responseText); OAuthAccessor.access_token = response.access_token; console.log("access_token set"); } else { console.log("Error: " + oReq.status + " Message: " + oReq.responseText); } } }; oReq.send('grant_type=client_credentials');包含non-breaking whitespace的unicode字符，而不是标准空格字符。当我以十六进制模式查看这些时，它们是<link type="text/css" rel="stylesheet" href="css/styles.css"/>。用c2a0替换这些修复了问题。

我觉得令人失望的是，在解析HTML时，Firefox和Chrome都没有报告任何问题。

另请注意，将代码粘贴到Stack Overflow中似乎已将这些不间断空格规范化为更常见的20空格，因此没有人可以重现我的问题。

CSS文件未加载

2 个答案: