2012-05-01 29 views
0

我已经将我的当前网站构建为HTML & PHP的混搭。我原本将CSS嵌入到每个单独的页面中。我正在使用PHP包含单独标题&页脚PHP文件。我已经将footer.php & header.php链接到它们各自的.css文件,并且它在某种程度上起作用,但是看起来CSS对页眉和页脚PHP文件都是“流血”。将隔离的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文件中)。

什么,我基本上是试图实现是一个动态的页眉页脚&链接系统在我的网站,这样我可以很容易地通过在添加链接的情况下,仅更换一个文件更新所有页眉页脚&站点范围内,服务,等

如果有一个更有效的方式做到这一点,请让我知道!

+0

您是否考虑过将颜色值存储在数据库中并在每个页面上使CSS内联? –

+0

^这是一个好主意。然而我并不那么高级!那么这是否会要求我使用其他Web语言创建自己的颜色代码和参考系统? – Willard

+0

不,完全没有。从这里开始有点长(但并不复杂),所以我会引导你到w3schools.com。我会做一些PHP和MySQL的教程,一些谷歌搜索和一些更多的问题在这里,你应该设置;) –

回答

1

从技术上讲,应该只属于你的页面,而不是inline块(尽管它确实有效)。

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

现在,您只是设计顶级元素并且最后加载正在生效。

+0

^这似乎可能是一个解决方案 - 然后,我将然后引用#element我的CSS代码? 例如,我有li和div #elements,但我不知道如何调出这样的CSS样式。 – Willard

+0

因此,在您的头文件中,假设您有

,您可以为#header ul,#header li和#header a等样式添加样式。对于只在标题中的橙色链接,#header a {color:orange; } – PorridgeBear

+0

所以这将成为另外嵌入在header.php文件中的CSS? 编辑:或者,我会只是添加#header一个#header李,等....到header.css文件? – Willard

0

你可以尝试在特定的css的背景上加上类似的东西。例如,

背景:#181818!important;