class属性とid属性の違い

たまにCSSを打つと忘れていることがあるのでメモ
class属性とid属性の違い

class-id

id属性

1ページに1度しか使えない。

表記方法

HTML
<div id="header"> </d>

CSS
div#header {}
もしくは
#header {}

class属性

1ページで何度でも使える。

表記方法

HTML
<div class="footer"> </d>

CSS
div.footer {}
もしくは
.footer {}

使い分け方法は?

サイトが大規模になってくると
視認性を上げるためにも分けた方が良い。
修正等がしやすいなど

■参考サイト
スタイルシートの class と id の使い分け [ホームページ作成] All About

シェアする

  • このエントリーをはてなブックマークに追加