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