html – 我可以在本地驱动器中,在从网站提供的页面中包含CSS样式表

前端之家收集整理的这篇文章主要介绍了html – 我可以在本地驱动器中,在从网站提供的页面中包含CSS样式表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的目标是创建一个由网站提供服务的页面,其中包含一个样式表,该样式表不在网站上,也不在其他网站上,而是在本地驱动器上.

就像是;

<!DOCTYPE html>
<html>
<head>
<link href="/styles/something.css" rel="stylesheet" />
<link href="file:///C:/custom.css" rel="stylesheet" />
</head>

我最初的研究表明,浏览器似乎并不支持这一点,但我愿意被证明是错误的,或者发现一些偷偷摸摸的做法. (我试过上面的,但是没有用.)

[我知道,我知道,你想知道“为什么”.这适用于网站设计师 – 它允许他在设计时在本地编辑css,并在“半实时”网站上查看效果.即编辑的往返速度非常快,我不需要让他访问实际的网站.通过扩展,出于教学目的,它将允许多人同时在本地实践他们的CSS技能]

显然,对本地文件所做的任何编辑只能在本地计算机上显示 – 这就是整个想法.如果你有10个学生,每个人都会看到同一个网站有不同的css文件.

解决方法

好吧,如果你可以在你的机器上安装Apache,这很容易完成.

这是假设问题是这样的

I want to be able to have a site in a
central location (live) and allow users
accessing that site to be able to make
changes to the site by editing a local
file. These changes will only be
visible to the person making the
change and the rest will just see
whatever CSS is on their local copy.

因此,这意味着您必须从多台计算机提供本地文件,并且查看该站点的每个人可能具有不同的外观副本.如果我是对的,请继续阅读.

在您希望能够允许本地编辑的所有计算机上设置本地环境(可能使用WAMP?).重要的是每个人都必须定义相同的主机名(localhost或其他东西 – 不要忘记将其添加到您的hosts文件中).将CSS文件放在您的webroot中,并添加指向该链接的实际站点链接.

<link href="http://www.mysite.com/base.css" rel="stylesheet" />
<link href="http://localhost/custom.css" rel="stylesheet" />

瞧!本地编辑.

注意事项

>每个人都需要将他们的文件放在同一个本地URL中,否则它将无法工作>您需要设置本地环境(非常简单)

原文链接:https://www.f2er.com/html/227630.html

猜你在找的HTML相关文章