0

我有一台 Chromebook，我正在使用该应用程序：带有此应用程序的 HTML 查看器：http: //drive-html-viewer.pansy.at/

这是 HTML 文件：https ://shiftedit.net/edit#162629/0B94fPcefbkHSXzJpNFc5cmlWMnc

CSS 文件：https ://shiftedit.net/edit#162629/0B94fPcefbkHSVmhVb0M5d2hrSTg https://shiftedit.net/edit#162629/0B94fPcefbkHSN2o3c1I3WTd4ZG8

并且页面以基本的 HTML 格式显示很好，但是当我尝试应用 CSS 样式表时它无法识别它？这是带有样式表链接的代码的一部分：

<html lang="en">
<head>
<meta charset="UTF-8" /> 
<title>
    Scissors
</title> 
<link rel="stylesheet" type="text/css" href="main.css" />
<link rel="stylesheet" type="text/css" href="rps.css" />
</head>
<body>

帮助？

4

3 回答 3

1

从 Chromebook 中打开 HTML 文件时，我遇到了同样的问题；样式不会显示。当我从 PC 打开同一个文件时，样式会显示得很好。

经过大量搜索，我终于遇到了这篇帮助我弄清楚的文章。基本上，由于 Chromebook 文件位于 Google Drive 中，因此我需要包含指向该文件的直接链接，即使我的 HTML 和 CSS 文件存储在同一个文件夹中。

不适用于 Chromebook：

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

在 Chromebook 上工作：

<link rel="stylesheet" href="https://googledrive.com/host/put-the-fileID-here">

您可以通过右键单击 Google Drive 中的文件并选择“获取链接”来获取文件的 ID。复制“id=”之后的所有内容。

于 2016-03-05T13:00:01.180 回答
0

从未使用过 HTML 查看器，但您确定这两个 css 文件的路径正确吗？

于 2014-07-07T21:08:06.423 回答
0

解决方案是...

  1. 从 chromebook 打开文件应用程序
  2. 找到您要查看的 index.html
  3. 双击 index.html 文件
  4. 该文件将在 Chrome 浏览器中打开
  5. 复制所有本地地址，“index.html”除外
  6. 打开/编辑 index.html
  7. 将本地地址粘贴到“head”中的“link”标签中

例子：

link rel="stylesheet" type="text/css" href="externalfile:drive-6a0d36c37ed3c1d0c03bd5ca216484a83b9d68ae/root/CodedWebsite/style.css"

希望这对将来的任何人都有帮助！

于 2016-11-15T01:16:11.743 回答