我有顶部部分和镜头部分共同在我的网站的所有页面。我为这些部分定义了css类。我想做的是创建这两个部分的类的公共文件，并在每个页面上使用它，这样如果我想在这个部分编辑一些东西，我只需要在一个地方做。
我对每个网页的中间部分有不同的css。所以如果我想为顶部和底部创建一个通用的css文件，我必须为一个网页创建两个css文件。所以我真正的问题是，我可以为一个网页有两个css文件吗?如果有，如何包含和管理它们?如果没有，有什么方法可以达到我的目的吗?
而最好的解决方案将是，如果我不需要改变每个页面的html也。如果我能创建一个html页面，其中有顶部和底部部分。并在每个网页上使用这个html页面。这将是非常有用的，因为它将保存许多编辑，如果我想改变一些东西。链接两个不同的样式表不是问题:
<link rel="stylesheet" type="text/css" href="commonStyles.css" />
<link rel="stylesheet" type="text/css" href="specificAboutUsPageStyle.css" />
一个网页可以有多个CSS文件，像这样:
<link rel="stylesheet" type="text/css" href="header_footer.css"/>
<link rel="stylesheet" type="text/css" href="main.css"/>
在header_footer.css中定义页眉和页脚的样式
既然你使用php(根据你的标签)作为你的脚本语言，你可以使用php包括创建你的标题，主要内容和页脚。
页面:MainContent.php
<html>
<head>
<link rel="stylesheet" type="text/css" href="headerStyles.css" />
<link rel="stylesheet" type="text/css" href="mainStyles.css" />
<link rel="stylesheet" type="text/css" href="footerStyles.css" />
</head>
<body>
<?php include("header.php"); ?>
<p>Main Content</p>
<?php include("footer.php"); ?>
</body>
</html>
你的header.php和footer.php分别包含了这些页面的代码。
我个人不推荐单独的样式表，因为这会增加页面加载时间，因为客户端需要单独调用来检索这些文件。我相信你有共同的样式和创建一个样式表将更有效地维护。