初めての方にも分かりやすくホームページ作成方法を解説します♪
ホームページ作成講座
ホームページ作成講座 >> HTML・CSSの基礎知識 >> 外部スタイルシート
外部スタイルシート
外部スタイルシートの利点

HTMLの<HEAD></HEAD>間にスタイルシートを挿入する方法を解説しましたが、スタイルシートを外部ファイルとすることも可能です。

外部ファイルとする利点は、『更新が楽なこと』と、『デザインの統一ができる』こと。

例えば、複数のHTMLファイルがあり、デザインを変更したく、それぞれが別々のスタイルシートを持っている場合は全てのスタイルシートを変更しなければならない。
しかし、それぞれのHTMLファイルが、同一の外部スタイルシートファイルにリンクしている場合は、そのファイルさえ変更してしまえば、全HTMLファイルのデザインが一度に変更できるのです。

外部スタイルシートを作る

HTMLファイルを保存しているフォルダを開く。 右クリック⇒『新規作成』⇒『テキストドキュメント』 名前を『○○.css』に変更する。
※もし、名前を『○○.css』としてもにならず、のままであれば、こちらへ。

HTMLファイルから外部スタイルシートへのリンク

HTMLファイルから外部スタイルシートへリンクするには、各HTMLファイルの<HEAD></HEAD>間に以下を挿入してください。

<link href="外部スタイルシートへのパス" rel="stylesheet" type="text/css">

外部スタイルシートを入力

後は、外部スタイルシートを入力すれば完了です。
例えば、

body {background-color: blue}

としてみましょう。全体の背景が青色になります。
back >> ホームページ作成講座
HTML・CSSの基礎知識
HTML

文章関連
見出し
段落
改行

文字関係
強調
文字色
フォント(書体)

リンク
リンクする
ページ内ジャンプ

画像
画像を貼る
背景画像を指定

CSS(スタイルシート)

CSSの使い方
スタイルシートとは?
使い方
外部スタイルシート

文章関連
文字の大きさを変更
行間を変更

色関係
文字色
リンク色
背景色

その他
スクロールバー装飾

サイト情報 | お問い合わせ | リンク
Copyright(C)2005 ホームページ作成講座 All right reserved
当サイトはリンクフリーです。