CLASSとIDの使い方

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度しか現れない
      一度しか現れないということは、修正箇所を素早く見つけられることになる


投稿日

カテゴリー:

,

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください