Chromebook HTML查看器：CSS不显示？_Html_Css_Chromebook

Chromebook HTML查看器：CSS不显示？

html css

Chromebook HTML查看器：CSS不显示？,html,css,chromebook,Html,Css,Chromebook,我有一个Chromebook，我正在使用app:HTML查看器和这个app: 这是HTML文件： CSS文件：页面以基本HTML格式显示良好，但当我尝试应用CSS样式表时，它无法识别它？这是带有样式表链接的代码的一部分： <html lang="en"> <head> <meta charset="UTF-8" /> <title> Scissors </title> <link rel="stylesheet"

我有一个Chromebook，我正在使用app:HTML查看器和这个app:

这是HTML文件：

CSS文件：

页面以基本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>


剪刀

帮助？

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

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

经过大量的搜索，我终于找到了一篇帮助我找到答案的文章。基本上，因为Chromebook文件在Google Drive中，所以我需要包含一个指向该文件的直接链接，即使我的HTML和CSS文件存储在同一个文件夹中

没有在Chromebook上工作：

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

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

在Chromebook上工作：

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

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

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

解决方案是

从chromebook打开文件应用程序

找到要查看的index.html

双击index.html文件

该文件将在Chrome浏览器中打开

复制除“index.html”之外的所有本地地址

打开/编辑index.html

将本地地址粘贴到“head”中的“link”标记中

例如：

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

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

main.css和rps.css是否与包含此HTML的文件位于同一文件夹中？