繁体   English   中英

在PHP中使用CSS样式表

[英]Using a CSS stylesheet in PHP

编写一个简单的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服务器来运行我的文件)

谢谢

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

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

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

然后,您将风格包括在内:

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

这是个人喜好,因为我不喜欢使用目录遍历... 查找文件。 以我的经验,文件最终会移动一些(我们开发了自己的框架,所以事情总是在变化),因此,通过查看href我们可以确定文件的确切位置。

链接标签看起来不错,但是href是相对的。 样式目录与html位于同一目录中吗?

如果您可以在http://yoursite.com/styles/main.css上看到样式表,则可以将链接更改为相对不那么相关:

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

这样,无论您的HTML页面位于文件结构中的哪个位置,都将找到样式表。

HTML媒体属性

阅读推荐的页面,阅读后尝试以下操作:

<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>

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM