ホームページ講習会

2018.01/13

Ⅰ スタイル シートの基本 - 何故スタイルシートが使われるのか -

1.スタイル シートを使わないHTML文書

①タグにstyle属性を記述

②文書が何について書かれているかわかりずらい

③メンテナンスが困難となる

ページ作成:省略

2.スタイルシートで見た目を記述した場合

①スタイル設定箇所を、span要素あるいはid要素で指定する

②外部ファイルにスタイルを記述する

③HTML文書から外部CSSファイルを読み込む

ページ作成:省略

Ⅱ スタイルを記述する場所

1.タグにstyle属性で直接記述

①特定の要素(タグ)にピンポイントでスタイルを設定できる

作成ページ:タグにstyle属性で直接記述

2.style要素内に記述する

①ページのhead要素内にstyle要素でスタイルを記述する

②特定ページにだけスタイルが反映する

③ページ毎にスタイルを記述する必要があるため、ページ数の多いサイトでは管理しづらい

作成ページ:style要素に記述

3.外部ファイルに記述する

①外部ファイルにスタイルを記述し、保存する

②HTMLファイルから外部ファイルを読み込む

③サイト全体にスタイルが反映する

④効率よくページを修正、管理できる

作成ページ:外部ファイルに記述