Html 在CSS中使用不同背景颜色的方法有哪些?

Html 在CSS中使用不同背景颜色的方法有哪些?,html,css,media-queries,Html,Css,Media Queries,假设我有5个网页,每个网页的背景颜色都不一样。我只使用1个css文件。每个网页的访问方式如下:domain.com/page1 我是简单地使用5个不同的CSS文件,然后只更改正文中的背景颜色,还是有更简单的方法来实现这一点?在每个站点上为您的添加不同的类,然后使用该类来获得适当的背景颜色 当然,您不必对所有站点通用的代码进行乘法运算。在每个站点的中添加不同的类,然后使用该类获得适当的背景颜色 当然,您不必对所有站点通用的代码进行乘法运算。例如: 在“第1页”: 例如: 在“第1页”: 如果所有页

假设我有5个网页,每个网页的背景颜色都不一样。我只使用1个css文件。每个网页的访问方式如下:domain.com/page1


我是简单地使用5个不同的CSS文件,然后只更改正文中的背景颜色,还是有更简单的方法来实现这一点?

在每个站点上为您的
添加不同的
类,然后使用该类来获得适当的背景颜色


当然,您不必对所有站点通用的代码进行乘法运算。

在每个站点的
中添加不同的
类,然后使用该类获得适当的背景颜色

当然,您不必对所有站点通用的代码进行乘法运算。

例如:

在“第1页”:

例如:

在“第1页”:


如果所有页面都使用相同的css文件,那么所有页面都将使用相同的背景

一个简单的方法是否决身体中现有的背景色。因此,如果您喜欢包含以下内容的css文件:

body
{
   background-color: aqua;
}
然后在下面(在css文件实现之后),在页面上,您需要有一种新的颜色,您可以用以下内容来推翻它:

<style type="test/css">
body
{
    background-color: blue;
}
</style>

身体
{
背景颜色:蓝色;
}

如果所有页面都使用相同的css文件,那么所有页面都将使用相同的背景

一个简单的方法是否决身体中现有的背景色。因此,如果您喜欢包含以下内容的css文件:

body
{
   background-color: aqua;
}
然后在下面(在css文件实现之后),在页面上,您需要有一种新的颜色,您可以用以下内容来推翻它:

<style type="test/css">
body
{
    background-color: blue;
}
</style>

身体
{
背景颜色:蓝色;
}

像这样在每个页面的body标签中添加一个简单的内联样式怎么样

第01页

    <body style="background-color:#111;">

第02页

    <body style="background-color:#222;">

第03页

    <body style="background-color:#333;">


请记住,在设计方面,这种提议的配色方案变化通常是一个坏主意。您的想法背后可能有一些功能,这些功能是有意义的,但除此之外,我建议在整个设计过程中使用简约主义和一致性。

如何在每个页面的正文标签中添加一个简单的内联样式,如下图所示

第01页

    <body style="background-color:#111;">

第02页

    <body style="background-color:#222;">

第03页

    <body style="background-color:#333;">


请记住,在设计方面,这种提议的配色方案变化通常是一个坏主意。您的想法背后可能有一些功能,这些功能是有意义的,但除此之外,我建议在整个设计过程中使用简约主义和一致性。

您可以使用相同的CSS文件,但为每个网页的主体赋予不同的类?您使用单个CSS文件有什么原因吗?是否确实要将多个站点的规则放在一个文件中?如果你继续沿着这条路走下去,你将不得不这么做。@jon我是一个新的尝试东西的人,所以不太确定不同之处,但我认为大多数人只会使用一个文件。你可以使用相同的CSS文件,但给每个网页的主体赋予不同的类。你使用单个CSS文件有什么原因吗?是否确实要将多个站点的规则放在一个文件中?如果你继续沿着这条路走下去,你将不得不这么做。@jon我是一个新的尝试东西的人,所以不太确定不同之处,但我认为大多数人只会使用一个文件。使用html标记比使用body标记更好谢谢@marcinjuraszek。我是一个新手,我感到羞愧。我应该想到这个@HTML4
中的GuidoJansen不能添加到
标记中。与正文标记相比,html标记中的GuidoJansen更好。谢谢@marcinjuraszek。我是一个新手,我感到羞愧。我应该想到这个@HTML4
类中的GuidoJansen不能添加到
标记中