3. CSS レイアウトの重要なタグ??div_html/css_WEB-ITnose

冒頭でも述べたように、CSSを理解するには、divタグを理解することから始めます。実際、レイアウトの中核となるタグは div であり、次のステップで最も頻繁に使用するタグでもあります。
1. div の意味:
div はコンテナであり、使用時は

の形式で存在します。
XHTML では、各タグをコンテナと呼ぶことができ、コンテンツを配置できます。ただし、div は、XHTML のレイアウト設計に特に使用されるコンテナ オブジェクトです。
従来のテーブル レイアウトでは、テーブル オブジェクト テーブルに完全に依存して、ページ上に複数のセルを描画し、テーブルにコンテンツを配置してレイアウトの目的を達成します。
div オブジェクトを核としたページレイアウトでは、DIV と css を使用するだけでレイアウトを実装できるため、css レイアウト div+css レイアウトと呼ぶのが一般的です。

2. div は単なる領域識別子です。div が使用されていても、div の CSS スタイルが適用されていない場合、スタイルは変更されずに div のコンテンツのみが表示されることを意味します。これは、テーブル レイアウトの使用とは少し異なります。たとえば、左側と右側の列を実装する場合、テーブルでは列の効果が確認できますが、CSS を使用しない div は領域識別子としてのみ使用され、変更はありません。次のコードの効果を見てください:

プログラム コード

& & lt;

& lt; table width = "100%" border = "1" & gt;あなたのデフォルトのスタイル* /
& lt & lt & lt & lt & lt & lt & lt ;tr>

ステップバイステップの実践的な div+css シリーズ チュートリアル

スーパーベイビー、ステップバイステップ、実践的な div+css シリーズチュートリアル

/*この div にはスタイルが追加されていません*/

スーパーベイビー、ステップバイステップ、実践的div +css シリーズのチュートリアル