Php 从另一个目录引用CSS文件_Php_Html_Css

Php 从另一个目录引用CSS文件

php html css

Php 从另一个目录引用CSS文件,php,html,css,Php,Html,Css,我正在设计一个网站，但我使用了我找到的基本模板，现在我正在修改它。我正在使用web托管服务，因此根目录不在我的计算机上。因此，在public_html中，我有/js/javascript文件和/css/css文件。在根文件夹中，我有我的主页等，但我想把商店的页面放在/store/storehome.php中。我使用的是.php，因此可以包含位于/includes/中的header.html和footer.html文件。所有的JS和CSS文件都不是我的，我只是编辑它们来满足我的需求问题是stor

我正在设计一个网站，但我使用了我找到的基本模板，现在我正在修改它。我正在使用web托管服务，因此根目录不在我的计算机上。因此，在public_html中，我有/js/javascript文件和/css/css文件。在根文件夹中，我有我的主页等，但我想把商店的页面放在/store/storehome.php中。我使用的是.php，因此可以包含位于/includes/中的header.html和footer.html文件。所有的JS和CSS文件都不是我的，我只是编辑它们来满足我的需求

问题是storehome.php文件的格式不正确。我不完全理解它缺少了什么（我是新来的），但我假设它没有看到CSS文件

我通过头文件引用了CSS，它似乎适用于普通的根文件。这是头文件的一部分：

<head>
    <title>My Website</title>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
    <!--[if lte IE 8]><script src="js/html5shiv.js"></script><![endif]-->
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="http://mywebsite.com/js/skel.min.js"></script>
    <script src="http://mywebsite.com/js/skel-panels.min.js"></script>
    <script src="http://mywebsite.com/js/init.js"></script>
    <noscript>
        <link rel="stylesheet" href="http://mywebsite.com/css/skel-noscript.css" />
        <link rel="stylesheet" href="http://mywebsite.com/css/style.css" />
    </noscript>
    <!--[if lte IE 8]><link rel="stylesheet" href="css/ie/v8.css" /><![endif]-->
    <!--[if lte IE 9]><link rel="stylesheet" href="css/ie/v9.css" /><![endif]-->
</head>


我的网站

不管怎样，即使我使用/css/style.css或../css/style.css或上述域，也没有任何效果。奇怪的是，如果我注释掉引用CSS的行，我的根文件仍然会正确显示，即使它们除了在头中引用CSS文件之外，从未引用过其他CSS文件。这与.js文件有关吗？我不知道它们是如何工作的，我也没有碰过它们。谢谢

你这里有问题

<noscript>
    <link rel="stylesheet" href="http://mywebsite.com/css/skel-noscript.css" />
    <link rel="stylesheet" href="http://mywebsite.com/css/style.css" />
</noscript>

删除

应该是这样的

    <link rel="stylesheet" href="http://mywebsite.com/css/skel-noscript.css" />
    <link rel="stylesheet" href="http://mywebsite.com/css/style.css" />

并将您的

JS

文件移动到

CSS

下面，但是。。。看看你的标题，唯一加载的css来自google。另外两个在noscript中，那么您首先从哪里获得css呢？

检查标题菜单上的avery标记我们，

标记之间的任何内容都将仅在禁用javascript或不在浏览器中工作时使用，因此这是有意义的。如果你禁用javascript，那些CSS文件应该被加载（这是一个很简单的测试），我做了测试，如果里面的CSS

没有加载，你想看到吗？好的，我做了，但现在情况不同了。根文件有一些奇怪的问题，比如其中一个段落中的标题文本向下移动，而商店页面上的所有格式实际上都消失了。我的标题徽标不再居中，快速选择栏（主页、关于我们、商店等）根本没有格式。CSS文件夹包含多个文件，不确定这是否是问题。skel-noscript.css，style.css，style-1000px.css，style-desktop.css，style-mobile.css。以上提到的所有问题，显然意味着一个css属性凌驾于另一个之上，所以你必须删除不必要的css，看起来你有5个css文件，你能分享链接让我仔细看看吗，我忘了将JS文件移到它下面，但我现在这样做了根文件就可以了。然而，商店仍然一团糟。