Tweet mixi チェック       このエントリーをはてなブックマークに追加  お問い合わせ  掲示板 


- ドリームウィーバー - クラス(Class)のレイアウト

DreamWeaver < レイアウトとは || テーブルのレイアウト || クラスのレイアウト



ドリームウィーバー Var CS4 / 5 / 5.5


合計: 無料カウンター
本日: 
昨日:  
 


ドリームウィーバー とは

HTMLあれこれ

CSSの作成と編集

テーブルの作成と編集

テンプレートあれこれ

リンクとロールオーバー

フォームの作成

サイトの管理と更新

Spryの挿入

レイアウト とは

便利なテクニック

ーレイアウト崩れの原因ー

用語集

インフォ


リンク


サイトマップ

Favorite Blog


ドリームウィーバーで始める
ホームページ制作記録



ジオターゲティング

クラス(Class)のレイアウト


では上記のようなレイアウトがCSSで
どのようにして出来ているか見ていきましょう。。
htmlファイルはこれだけしか書かれていません。
<div class=" ○○">~</div>タグはCSSのスタイルを反映する
ものだと考えて下さい。
ではCSSファイルはどう書かれているのでしょう?
CSSファイルですが、見慣れないものがあります。
実はこの「.header」がheaderという「クラス」の設定になります。
その中のファイルを見てお気づきでしょうが、
背景色、高さ、幅等が設定されています。
これは header というクラスに背景色、高さ、幅の
スタイルが適用されているということです。

そしてこれらのクラスを複数作れば
上記のようなスタイルが出来るという訳です!

このCSSのクラスを使えば様々なスタイルが可能です!
これがCSSのCSSたる所以です!!




inserted by FC2 system