html - 如何在桌面（离线）和网站（在线）上查看 css 样式？

问题描述

我有一个style.css和一个 html 文件。当我将它们上传到服务器时，我会看到我想要的样式的标题，但在我的桌面上却没有。

我的两个文件都在桌面上

在<head>我的 html 文件中有这一行：

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

当我在桌面上离线工作时，我可以做些什么来连接文件并查看应用的样式？也在我的网站上在线

我想补充一下，我刚刚删除了 / 它可以在我的桌面上离线工作（只是 href="style.css"）但不能在线 - 但我希望能够在线和离线看到它----和在线它不在同一个文件中

** 编辑：现在我看到，如果我把我的特定网站地址放在两者上都有效 - 比它在线和离线都有效：

但是，如果我想更改我的网站地址，那么在每个页面上都很难更改，这就是我想要它的原因：href="/style.css 而不是网站地址

标签： htmlcssstyles

如果您在没有网络服务器的情况下在本地工作，则需要像这样链接您的 css 文件：

<!-- Windows -->
<link rel="stylesheet" href="C:\Path\to\File\main.css">

<!-- Linux & Stuff -->
<link rel="stylesheet" href="/path/to/file/main.css">

此外，您可以使用文件的相对路径：

<!-- if it's in the same folder -->
<link rel="stylesheet" href="main.css">
<!-- if it's in the css folder -->
<link rel="stylesheet" href="css/main.css">
<!-- if it's in the parent folder -->
<link rel="stylesheet" href="../main.css">

html - 如何在桌面（离线）和网站（在线）上查看 css 样式？

问题描述

解决方案

推荐阅读