用css划分页面

发布于 2024-09-12 06:52:32 字数 56 浏览 3 评论 0原文

我试图将一个页面分为两部分,但有 2 个单独的 css 表,但我不想使用框架集(恐怖),有可能吗?

I am trying to divide a page in 2 parts but with 2 separate css sheets but i do not want to use a frameset (horror), is there a possibility?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

酒儿 2024-09-19 06:52:32

也许你可以更具体一些。当然,不可能将 body 元素的背景颜色属性设置为两个不同的值或类似的值,因此我假设您希望页面的一部分位于其自己的“命名空间”内。

假设您有一个包含内容的部分,并且您希望对内容使用特定的 CSS,对页面的其余部分使用另一个 CSS。最简单的解决方案是执行以下操作:

*** style.css ***
body {...}

*** content-style.css ***
#content h1 { ... }
#content ul { ... }
etc

*** yourpage.html ***
headerstuff...
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="style.css" />
bodystuff...
<div id="content">
   your content...
</div>

只需在 css 选择器前面加上容器的 id 前缀。

Perhaps you could be more specific. It's impossible, of course, to set the background-color property to two different values for the body element or something like that so I'm assuming that you want a section of your page to live inside its own "namespace".

Let's say you have a section with your content in it, and that you want to use a specific css for the content and another for the rest of the page. The easiest solution is to do something like this:

*** style.css ***
body {...}

*** content-style.css ***
#content h1 { ... }
#content ul { ... }
etc

*** yourpage.html ***
headerstuff...
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="style.css" />
bodystuff...
<div id="content">
   your content...
</div>

Simply prefix the css selectors with the id of your containers.

郁金香雨 2024-09-19 06:52:32

如果能提供更多信息就更好了,但无论如何,你当然可以。使用两个主 div,一个用于站点的每个部分。 div 将有不同的类或 id。

如果您愿意,可以使用两个样式表,但我只会使用一个,因为它效率更高。以下是一些关于一个 两个

A little more information would of been nice but anyways, sure you can. Use two master divs one for each part of your site. The divs will have different classes or id's.

You can use two stylesheets if you like, although I would just use one since it's much more efficient. Here are a few resources about that one two three.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文