mapメール初心者管理人がこれまでに学んだホームページに関する事を公開しているホームページですよ。その活用についての講座です。『div』と『span』について、語る前にブロック要素とインライン要素について知っておいた方がいいです。その講座についてのリンクを貼りました。大体、ブロック要素とインライン要素と似ているのですが、この初心者のスタイルシート講座で『div』と『span』の活用の仕方で理解を深めていただければいいなぁ〜と思います。要素などの広い範囲にスタイルシートを適用する『span』・・・・・テキスト、文字などの狭い範囲にスタイルシートを適用するつまり『div』は見出しや段落、またはレイアウトの大まかな区切りとして利用されます!当サイトの初心者の講座で言えば、上のヘッダー部分とこの本文と右のサイド、そして下のフッター部分はすべて『div』を使っていますよ。このように広い範囲に、そしてその範囲には要素を含むことができます。『span』は狭い範囲、文単位や単語単位での範囲にスタイルシート(CSS)を適用させる場合に使います。実際に『div』と『span』を比べてみましょう。同じスタイルシート(CSS)を適用してみます。『div』から!ブロック要素インライン要素ブロック要素とインライン要素の違いでも言いましたが、ブロック要素はその適用範囲が広く、端から端までになります。対してインライン要素はその開始タグと終了タグで囲んだ範囲内のみの適用になります。htmlタグの基本構造あなたが作るホームページ内で何度も同じスタイルシート(CSS)設定を使う場合はスタイルシート(CSS)の外部リンクにして、『class』を使うと作業効率が上がりますよ。