0

我已将我当前的站点构建为 HTML 和 PHP 的混搭。我最初将 CSS 嵌入到每个单独的页面中。我正在为单独的页眉和页脚 PHP 文件使用 PHP 包含。我已经将 footer.php 和 header.php 链接到它们各自的 .css 文件，并且它在一定程度上起作用，但似乎 CSS 正在“渗透”到页眉和页脚 PHP 文件。

例如，我会将深灰色应用于我的正文文本和指向我的 footer.css 文件的链接：

<style type="text/css">
<!--
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #808080;
}
a:link {
color: #808080 ;
}
a:visited {
color: #808080 ;
}
body {
background-image: url();
background-repeat:repeat-x;
background-color: #000000;
}
.style4 {font-size: 13px}
-->

#footer { width: 100%; height: 20%; background: #181818   ; }



//footer-nav style

#footer-nav {
list-style-type: none;
padding: 0;
float: center;


}

#footer-nav li {
display: inline;


}

#footer-nav li a {
float: center;  
text-align: center;
background: none;
margin-left: 15px;
margin-right: 15px;
text-decoration: none;
height: 23px;
line-height: 23px;
}











</style>

`

然后转移到我的 header.php 文件并将链接更改为深灰色（这不应该发生，因为我将 header.php 链接到它自己的 header.css 文件）。

我本质上想要实现的是我网站上的动态页眉和页脚链接系统，以便在添加链接、服务等的情况下，我可以通过仅替换一个文件来轻松更新站点范围内的所有页眉和页脚。

如果有更有效的方法，请告诉我！

4

2 回答 2

1

从技术上讲，应该只属于您的页面，而不是内联块（尽管它确实有效）。

您需要更改 CSS 以在每种情况下仅选择要应用样式的区域。例如，标题的所有 CSS 都应以顶级标题元素 #header 为前缀。

现在，您只是在设置顶级元素的样式，最后加载的元素正在生效。

于 2012-05-01T02:57:20.497 回答
0

您可以尝试将这样的内容放在特定 css 的背景上。前任。

背景：#181818 ！重要；

于 2012-05-01T02:58:05.347 回答