0

我想知道，如果有人能告诉我。建议我在我的网站上有一个 CSS，我想在每个页面的页面顶部使用相同的属性（类）。我将在其余页面中使用不同的类。例如，假设我有 Page1、Page2、Page3。他们都为“欢迎来到我的网站”标签使用相同的 CSS 类，但除了该标签之外，每个页面都显示不同的数据并使用不同的类。所以每次我从第 1 页移动到第 3 页时，我都会一直调用相同的 CSS。

我的问题是，什么是最好的，既有效又纯粹：

1.在每一页再次调用同一个类。

2.设置页面头部的样式，这样我们就不会每次都调用CSS了。

3. 其余页面使用 iframe。

4.另一种我没有提到的方法。

--编辑后--

最好的，大卫

4

3 回答 3

4

我不确定你想要什么，但如果你想在你的页面中使用一些通用的 CSS，那么 CSS 链接就派上用场了：

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

您可以在一个页面中拥有任意数量的这些（它们必须进入<head>），因此您可以将您的 CSS 拆分为任意数量的文件。此外，这允许您的查看者缓存 CSS 文件，因此他们不必每次都下载它。

例子：

超级标签.css

.superLabel
{
    color: red;
    font-weight: bold;
    margin: 50px;
}

Page1.html

<!DOCTYPE html>
<html>
    <head>
        <title>Page 1</title>
        <link rel="stylesheet" type="text/css" href="SuperLabel.css"/>
        <link rel="stylesheet" type="text/css" href="page1.css"/>
    </head>
    <body>
        <div class="superLabel">I'm FABULOUS!</div>
        ... the rest of content ...
    </body>
</html>

Page2.html

<!DOCTYPE html>
<html>
    <head>
        <title>Page 1</title>
        <link rel="stylesheet" type="text/css" href="SuperLabel.css"/>
        <link rel="stylesheet" type="text/css" href="page2.css"/>
    </head>
    <body>
        <div class="superLabel">I'm fabulous AGAIN!</div>
        ... the rest of content ...
    </body>
</html>
于 2012-05-10T07:20:01.680 回答
1

我不完全确定我是否理解你的问题 - 但你的意思是将标题 CSS 与正文的其余部分分开以改善加载时间吗？如果那是你的问题，我认为没有必要。它并没有那么重，用户浏览器通常会缓存它，然后检查它是否自您上次访问以来被修改过。

于 2012-05-10T07:23:55.607 回答
0

您不需要使用 iframe。身体标签也可以有类。

如果我给出 Page1 类的主体 'style1' 并给出 Page2 类的主体 'style2'

<span class="welcome">Welcome to my site</span>

而CSS是

.style1 .welcome { color:red; }
.style2 .welcome { color:blue; }

,

Page1 的“欢迎信息”文本颜色为红色，Page2 的“欢迎信息”文本颜色为蓝色。

这将是您想要的；

于 2012-05-10T07:46:14.380 回答