页面特定的CSS样式,但在哪里放置代码?

时间:2010-04-30 06:29:35

标签: css header

除了我global.css中包含的header.php之外,我还想加载某些特定于页面内容的样式。

但由于我的<head></head>已经被我的头文件所覆盖,并且我不想求助于内联,将样式放在特定页面上的最佳方法是什么?

谢谢! :d

2 个答案:

答案 0 :(得分:5)

我会尝试以下其中一项:

  1. 将header.php分成2个不同的文件,以允许包含它的任何页面添加自己的链接标记
  2. 在文件的顶部,在包含header.php之前,设置一个包含样式的$ included_css数组(style1.css,style2.css)。然后在header.php中你可以做一个简单的foreach并在global.css之后包含它们(以允许它们优先)

答案 1 :(得分:3)

在我们的CMS中,我们在模板目录中有一个头文件夹。如果你命名一个文件form.tpl,它只会在调用form.tpl时插入它(我们使用smarty模板引擎处理它)。我认为什么是好的做法。

另一种解决方案是在你的身上使用类或id。 <body id="suscribeForm">并将其用作css中的参考。 (问题是即使您不使用CSS也会加载CSS,但另一方面,如果用户更改为其他页面,则已经兑现)。

您也可以在主CSS中链接不同的CSS文件,但这不是一个好习惯,因为您的浏览器会等到加载mains.css然后加载链接文件。