当前位置:  开发笔记 > 编程语言 > 正文

CSS在Localhost上不起作用

如何解决《CSS在Localhost上不起作用》经验,为你挑选了1个好方法。

我正在构建一个网站,并且所有CSS,HTML都运行良好。我想添加一些PHP功能,因此我在Mac上使用Apache创建了本地开发环境。然后,我将所有站点文件夹都移到了可以由localhost访问的新站点文件夹中。加载我的网站时,现在都没有加载CSS样式。我在本地使用Twitter Bootstrap。这是我的css链接在html中的样子:

link rel="stylesheet" type="text/css" href="http://localhost/~tromph/YoointooSite/bootstrap.min.css">
link rel="stylesheet" type="text/css" href="http://localhost/~tromph/YoointooSite/main.css">

我尝试了几乎所有我能想到的其他方法,但似乎没有其他方法可行。

我将文件夹结构和文件路径更改为:



这解决了我没有CSS渲染的问题。现在,CSS中链接的图像未显示。开发人员工具告诉我,我的每个图像都出现错误403(禁止)。我应该怎么做才能更改此权限?

我花了一些时间来更新权限。现在一切正常。谢谢你的帮助!



1> SnareChops..:

我建议相对引用CSS文件。因此,如果您具有以下文件夹结构。

myProj
  - css
    - bootstrap
      - bootstrap.min.css
  - index.html (or php)

然后您将像这样引用引导文件


从示例中猜测您的文件夹结构,然后我假设您需要做的就是



但是,如果您的CSS文件不在您的项目中,而是在外部提供,则无论您在哪里提供服务,都需要引用它们。例如,如果将它们提供给端口8080,则需要使用该地址来引用它们。



同样,以上内容在您从尝试使用它们的站点外部提供它们的情况下进行。如果它们在您正在处理的项目中,请从尝试使用它们的文件中相对引用它们。

推荐阅读
殉情放开那只小兔子
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有