class属性とid属性を使い分けて要素を修飾します
・classの使い方
htmlには <p class=“danraku“>見本</p> と記述する
cssには .danraku { color: red; } と記述する
・idの使い方
htmlには <p id=”danraku”>見本</p> と記述する
cssには #danraku { color: red; } と記述する
上記の例では、単にピリオド記号とシャープ記号を使い分けているだけに見える
そして使用結果も同じ内容でなんら違いが現れてこない
classとidの違いは各々が果たす役割の違いになって現れてくる
・class
同じclass名を、1ページ中に何度でも使える
例えば段落(p)や文字種類(h1、h2)に使用する、何度でもページ中に現れてくる
何度でも現れるということは、サイト全体で文字の大きさなどが統一されることになる
・id
同じid名は、1ページ中に1度しか使えない
例えばheaderやsidebarやfooter等、ブックマーク(page-top)等、ページ中に1度しか現れない
一度しか現れないということは、修正箇所を素早く見つけられることになる
コメントを残す