いちから始めるホームページ作成

HTML・CSSのことがよくわかる初心者から始めるホームページ制作

CSSのidとclassの違い

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

idとclassでCSSの指定方法に違いはありませんが、次のような特徴がありますので注意してください。

idとclassを使い分ける

idを使う場合、そのページで一度しか使用することができないため、レイアウト部分などに使用したり、CSSを優先させたい箇所などに使われています。

classは何回でも使用できるため、同じCSSを複数指定する場合に非常に便利です。

後から修正する場合もclassを編集すれば、一括で変更されるため、メンテナンスも楽になります。

必ずidを使わなければいけないということもないので、全てclassで指定しても構いません。

おすすめのホームページ作成ソフト

コーディングをする際に、ホームページ作成ソフトを使うと非常に便利です。

現在有名なのは、『ホームページビルダー』と『Dreamweaver』の2つです。

ホームページビルダー
初心者~中級者の方向けで、HTMLタグやCSSが全くわからない方におすすめです。
Dreamweaver
中級者~上級者・プロ向けで、HTMLタグやCSSをある程度理解していたり、自分で調べられる方におすすめです。

『Dreamweaver』は高価ですが、スキルが上がっても使えるため、長い目で見れば、こちらをおすすめします。

また、学生や教職員の方向けに割引されたものがありますので、該当する方なら迷わず学生・教職員向けのものをおすすめします。


HTMLタグ
CSS
一口メモ
サンプルソース
用語集