HTML(C)

レイアウト

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ブラック
}

 

おすすめ

転載: www.cnblogs.com/blunFan/p/11494527.html