友部のゼミ用HP
一つ目は「.CSS」の拡張子がついたCSSファイルを作成し、それをHTMLファイルに読み込ませて適用させる方法がある。WEBサイトを制作する時は、この方法が最も一般的。1つのCSSファイルを複数のHTMLファイルに読み込ませてられるので、一括で管理できます。修正が入った場合も1つのCSSファイルを変更するだけなので簡単である。
HTMLファイルの<head>内に<link>タグを使ってCSSファイルを指定する。rel属性に「stylesheet」,href属性にCSSファイルを指定すれば、CSSファイルに書かれた装飾を適用できる。
2つ目はHTMLファイルの<head>内にCSSを書き込む方法である。CSSを記述したHTMLファイルでのみ適用される。前の適用方法と違いHTMLファイルには反映されないので注意が必要である。特定のページのみデザインを変えたいという時に使えます。
HTMLファイルの<head>内に<style>タグを追加し、その中にCSSを書いていく。
3つ目はHTMLタグに直接CSSを書き込む方法です。直接書かれたタグにのみ適用される。一つ一つのタグに指定するので手間がかかり、メンテナンスも難しい。ただ、他の方法で指定するよりCSSを適用させる優先順位が高く、CSSを上書きしたい時や一部のデザインだけ変更したいといった時に使える。
タグの中にCSSを書くときは、各タグの中にstyle属性を使って指定する。