html - cssでページを分割する

Question

ページを 2 つの部分に分割しようとしていますが、2 つの個別の CSS シートを使用していますが、フレームセット (ホラー) を使用したくありません。可能性はありますか?

Answer 1

おそらく、あなたはもっと具体的かもしれません。もちろん、background-color プロパティを body 要素などの 2 つの異なる値に設定することはできないため、ページのセクションを独自の「名前空間」内に配置する必要があると想定しています。

コンテンツを含むセクションがあり、コンテンツに特定の 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

もう少し情報があればよかったのですが、とにかく、できることを確認してください。サイトの各部分に 1 つずつ、2 つのマスター div を使用します。div には異なるクラスまたは ID があります。

必要に応じて 2 つのスタイルシートを使用できますが、より効率的なので 1 つだけ使用します。そのワン ツー スリーに関するいくつかのリソースを次に示します。