Question

编写一个简单的PHP网站，将样式表链接到页面时遇到麻烦。过去，我对此一直有疑问，但通常最终都可以正常工作。

我的代码有什么问题吗？还是我做错了？

<head>
    <title>San Joaquin Valley Town Hall</title>
    <link href="styles/main.css" media="screen" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="styles/normalize.css">
</head>`

（我正在使用XAMPP服务器运行文件）

谢谢

Answer 1

在不了解文件结构的情况下，这里无话可说。

我建议您使用项目根目录中的相对链接。假设您的文件结构如下：

Healthy threshold: 2
Unhealthy threshold: 2
Timeout: 5
Interval: 10
Success codes: 200

然后您的风格包括：

[website]
    [resources]
        [styles]
        [images]
        [js]
        ...

这是个人喜好，因为我不喜欢使用目录遍历<link rel="stylesheet" href="/resources/styles/my_sheet.css" media="screen" type="text/css"/>或..查找文件。以我的经验，文件最终会移动一些（我们开发了自己的框架，所以事情总是在变化），因此，通过查看.，我们可以确定文件的确切位置。

Answer 2

链接标记看起来不错，但是href是相对的。样式目录与html位于同一目录吗？

如果您可以在http://yoursite.com/styles/main.css看到样式表，则可以更改链接的相对链接：

<link href="/styles/main.css" media="screen" rel="stylesheet" type="text/css" />

这样，无论您的HTML页面位于文件结构中的什么位置，都会找到样式表。

Answer 3

HTML media Attribute

阅读推荐的页面，阅读后，尝试以下操作：

<head>
  <title>San Joaquin Valley Town Hall</title>
  <link rel="stylesheet" type="text/css" href="styles/main.css" media="screen">
  <link rel="stylesheet" type="text/css" href="styles/normalize.css">
</head>

如果下一个问题是目录，请尝试以下操作：

<head>
  <title>San Joaquin Valley Town Hall</title>
  <link rel="stylesheet" type="text/css" href="/styles/main.css" media="screen">
  <link rel="stylesheet" type="text/css" href="/styles/normalize.css">
</head>

在PHP中使用CSS样式表

3 个答案: