レイアウト
HTMLレイアウトは一般的にSEOやその他の要因を容易にするために、のdivレイアウトを使用することをお勧めします、のdivレイアウトやテーブルのレイアウトに分かれています。
ほとんどのHTML要素は、ブロックレベル要素やインライン要素に分割することができます。ブロックレベル要素は、一般的に新しい行を開始し、インライン要素は、通常、新しい行を開始しません。
DIVは、典型的なブロックレベル要素である、容器はHTML文書レイアウトの他の要素と組み合わせて使用することができる特別な意味はありません。
スパン典型的なインライン要素、不特定の意味は、テキストコンテナとして使用することができます。唯一の文字表示のように、<、>分割するために使用し、他の敏感な文字にすることができます。
事業部のレイアウト
定義されていない場合のdiv、デフォルトの幅は100%であり、内部支持要素の高さは、デフォルトは0です。
テキスト揃え:中央を、div要素内のテキストが中心になるように。
フロート:左、左に浮動divのフロートのレイアウト。あなたは、隣接のdivフロートプロパティを定義しない場合は、2行、またはピアに属します。
パディング:10pxの;設定した余白内
要素の占有幅=幅+パディング左+パディング右+マージン左マージン+右。
水平方向のメニューバー
< divのクラス= "topnav" > < HREF = "#" >链接</ A > < HREF = "#" >链接</ A > < HREF = "#" >链接</ A > </ divの>
CSS
/ * ナビゲーション* / .topnav { オーバーフロー:隠された ; 背景色:#333 ; } / * ナビゲーションリンク* / .topnav A { フロート:左 ; 表示:ブロック ; 色:#1 f2f2f2 ; テキスト整列=左:センター。 パディング:14px 16pxに ; テキスト装飾:なし ; } / * リンク-色を変更します* / .topnav:ホバー { 背景色:#ddd。 色:ブラック。 }