いまさら聞けないサイト製作コミュのＣＳＳの記述について

ＣＳＳの記述の参考書を２冊よんだのですが
記述の仕方が
（ｈｔｍｌ上の記述）
<div span ="header">にたいして

（ｃｓｓ上の記述）
#header { とする記述と
div,header { とする記述　２つのっていたのですが
実際製作現場ではどちらのほうが　多様されるのでしょうか？

コメント(2)

最初
全て
最新の40件

[1] mixiユーザー 09月14日 05:29

<div span ="header">ではなくて<div class="header">ではないでしょうか？これはclass属性です。
あとdiv,headerではなくてdiv.headerです。間違ったらスタイルが適用されませんので注意してくださいね。

#headerはID属性に対して定義されるものです。ID(<div id="header">～</div>)はそのhtmlの中で一度しか使えません。
ヘッダ、フッタ、コンテンツといった大きなくくりで定義する際に使用されます。まあ間違って複数適用してもブラウザはレンダリングしてくれるとは思いますけど(笑)。

div.headerはclass属性<div class="header">～</div>に対して定義されたものです。これはhtmlの中で何度も利用することができます。

複数回使えるという点ではclass属性で定義されたほうが利用率はたかいかもしれませんが、利用する用途(意味合い)が異なりますので、どちらも使いますよ。

あとCSSを勉強されるならhtmlの文書構造もしっかり理解していってくださいね。それありきのCSSなので。

[2] mixiユーザー 09月14日 06:37

大変詳しくわかりやすい回答有難うございます

きになっていた理由がわかりました。
正しいｈｔｍｌとともにｃｓｓを学ぼうと思います。

ログインすると、みんなのコメントがもっと見れるよ