html - 用css分割页面

Question

我试图将一个页面分成 2 个部分，但有 2 个单独的 css 表，但我不想使用框架集（恐怖），有可能吗？

Answer 1

也许你可以更具体。当然，将 background-color 属性设置为 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。

Answer 2

多一点信息会很好，但无论如何，你可以。为站点的每个部分使用两个主 div。div 将具有不同的类或 id。

如果您愿意，可以使用两个样式表，尽管我只使用一个，因为它更有效。这里有一些关于一 二三的 资源。