Question

出于某种原因，我的CSS仅在内联时工作。我对网页设计有些新意，并不确定如何追踪这种情况发生的原因。这不像我可以打开控制台来检查错误，所以我应该寻找什么样的东西？对不起，我不是更具体，我真的不知道该怎么做。

说网址是“www.example.com/testing/3”

页面testing.php将加载，调用API.php并确定在页面testing.php上使用vale 3时要做什么.API.php然后将调用testing.php上的函数来处理函数告诉它的任何内容去做。所以基本上它调用，确定处理URL的函数，然后回调。

当我将CSS包含在testing.php的头部时，它可以工作。当我只有一个链接时，它没有。所有文件都在同一个文件夹中，我在localhost上开发，没有文件是管理员限制的：我是管理员，所以权限不是问题。

//test.css
P.special {
    color:green;
    border:solid red;
    margin-top:85px;
}

测试主管.php

 <link a href="test.css" rel="stylesheet" type="text/css"/>

testing.php上的一个函数

 function view_event($event_id){
    ?>
    <p class ="special">
    //stuff here
    </p>
    <?
}

Answer 1

您可以在浏览器中检查生成的页面源，并确保CSS链接有效并加载预期的CSS文件。

浏览器内置的Web开发者工具（或作为插件）在调试html，css和js方面非常有用。很好地了解他们。

Answer 2

<link a href="test.css" rel="stylesheet" type="text/css"/>

需要更改为：

<link a href="/test.css" rel="stylesheet" type="text/css"/>

当您遍历其他目录时，使用相对URL将不起作用。使用/将其设置为绝对URL将允许它在现场的任何位置工作。