私はcssを知っていますが、もしボタンをスタイリングしたいと思っていたら...しかし、要素を配置するとどうなりますか?各ページには異なる要素の位置/要素があります。メインのCSSファイル内のすべてのページと位置に各要素のIDを作成するのは意味がありますか?CSS各ページの要素位置コードはどこに置かれますか?
-4
A
答えて
0
ページを設計するとき、スタイル(例えばCSS)からコンテンツ(例えば、HTML)を分離することが非常に重要です。うまく構成されたウェブページは、大声で読み上げることができ、意味をなさないはずです。
この文脈では、要素の位置は、ページ全体ではなく他の要素に関連して定義する必要があります。これらの要素はクラス(例:<div class="announcement">
)に割り当てることもできます。
これは、クラス(またはid)だけでなく、親クラスに関するクラスに対しても異なる動作を定義できるため、多くの機能を提供します。例えばこれらのシナリオを取る:
シナリオ1:
<div class="post-content">
<div class="announcement">
Some text
</div>
</div>
はシナリオ2:
<div class="special-content">
<div class="announcement">
Some text
</div>
</div>
"を発表" の主なCSSルールは同じにすることができます。しかし、あなたは "特別なコンテンツ"領域の中にある "発表"の特別なルールを持つことができます。したがって、違うはずのプロパティに対して別のルールを追加するだけで済みます。位置だけでなく何でも:
.announcement {
color: red;
}
.post-content .announcement {
padding-left: 5px;
}
.special-content .announcement {
padding-left: 20px;
}
もちろん、クラス、ID、または標準要素と同様の関係を構築できます。 MDNのセレクタの詳細については、こちらをご覧ください。
関連する問題
- 1. 要素の位置HTML/CSS
- 2. CSS位置決め要素
- 3. 相対位置指定された要素内でページを絶対的に配置する位置要素
- 4. ブートストラップの上のCSS位置要素selectpicker
- 5. 空の要素の位置は、コンテンツの位置とは異なりますか?
- 6. この要素をページの中央に配置する - CSS
- 7. jQuery:要素を位置から位置にスライド
- 8. 静的な位置からCSS要素が外れていますか?
- 9. CSSアニメーションは要素の位置を変更します
- 10. CSS - word-breakは要素の位置を変更します
- 11. 要素内の要素位置のCSSセレクタ
- 12. 要素の位置は、別の位置とピクセルの位置として表現できますか?
- 13. CSS:位置]ページの下部にある要素ではないウィンドウ
- 14. 他の要素の上に位置するsvg要素の位置
- 15. 打ち要素位置は
- 16. ページをスクロールした後に要素のCSSの位置を変更する
- 17. css、相対的な位置決め要素内の絶対位置決め要素が乱雑になる
- 18. 要素をページ上のどの位置で取得するのですか?
- 19. CSS要素の中心を使用して要素の位置をパーセントで指定する位置
- 20. NPMの要求コードはどこに置いていますか?
- 21. Jquery要素の位置付けなど
- 22. 位置:固定 - などの要素
- 23. animation:ある位置から別の位置に要素を移動する
- 24. はCSS位置
- 25. 子要素はいつ親要素の位置に影響しますか?
- 26. jquery要素コレクションのswitch要素位置
- 27. D3.js:マウスの位置ではなく、要素の位置を使用してツールチップを配置しますか?
- 28. コードはどこに置く必要がありますか?
- 29. JavaScriptコードはどこに置く必要がありますか?
- 30. CSSの位置は要素の幅/高さにどのように影響しますか?
ほとんどのスタイルシートを作成し、ページごとに適用できます。 –
@ K.Daniekあなたは大きなウェブサイトでそれが扱いにくくなるとは思わない? –
それはもちろんです。 –