Question

我的网站所有页面都有顶部和素材部分。我为这些部分定义了css类。我想要做的是创建这两个部分的类的公共文件，并在每个页面上使用它，这样如果我想编辑本节中的内容，我只能在一个地方进行。

我对每个网页的中间部分都有不同的css。因此，如果我想为顶部和底部创建一个通用的css文件，我必须有一个网页的两个css文件。所以我真正的问题是我可以为一个网页提供两个css文件吗？如果是，如何包含和管理它们？如果不是，有没有办法达到我的目的？

如果我不需要更改每个页面的html，那么最好的解决方案就是。如果我可以创建一个有顶部和底部的html页面。并在每个网页上使用此html页面。它将非常有用，因为如果我想改变一些东西，它将保存许多编辑。

Answer 1

链接两个不同的样式表不是问题：

<link rel="stylesheet" type="text/css" href="commonStyles.css" />
<link rel="stylesheet" type="text/css" href="specificAboutUsPageStyle.css" />

Answer 2

您可以为网页设置多个CSS文件，如下所示：

<link rel="stylesheet" type="text/css" href="header_footer.css"/>
<link rel="stylesheet" type="text/css" href="main.css"/>

在header_footer.css中，为页眉和页脚定义样式。

Answer 3

由于您使用php（根据您的标签）作为脚本语言，您可以使用php include来创建标题，主要内容和页脚。

Page：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会包含您这些相应网页的代码。

我个人不推荐单独的样式表，因为它会增加页面加载时间，因为客户端需要单独调用来检索这些文件。我确信你有共同的风格，创建一个样式表将更有效地维护。

使用一个常见的css文件在网站的每个页面上使用顶部和镜头部分的类

3 个答案: