外部スタイルシートファイル（ＣＳＳファイル）の作り方

外部スタイルシートファイル（ＣＳＳファイル）の作り方

◆　ホームページを作ってみよう Ⅲ　◆

お知らせ＆お詫び （2007/07/01） ・・・ 2007年6月30日までＵＰしていた「スタイルシートファイル（ＣＳＳファイル）の作り方」の記述方法は

<style type="text/css"></style>という記述で

ＣＳＳファイルを作るという内容でしたが、ページを見直していて間違っている事が判明しました

この方法で実践ページを作った時に指定した通りに反映されたので、解釈違いをしていた事にまったく気付かなかったんです

ホントはこの記述がいらなかったという事で、もっと簡単にＣＳＳファイルが作れる事が分かりました

<style type="text/css"></style>は必要ありません！！

適用したいスタイルだけを記述して、拡張子（．ｃｓｓ）を付けます♪

今までこのページを見てくださった方には、本当に申し訳なく思っています。。。ごめんなさい m(__)m

スタイルシート（ＣＳＳ）をページ全体に適用する方法で、別シート（外部スタイルシートファイル～拡張子：．ｃｓｓ）を作って

そのファイルを、作成するページのヘッダーにＬｉｎｋタグを使いリンクさせる形で、スタイルシートをページ全体に適用（反映）させます

（この方法は、複数のページに適用できます）

その外部スタイルシートファイル（ＣＳＳファイル）の作り方です

適用したいスタイルの記述のみで、その他の記述は必要ありません

記述が終わったら、ファイル名の後ろに拡張子「．ｃｓｓ」を付けて保存します

※　ＣＳＳファイルは、≪ ジオクリエーター ≫では作れません！

≪ アドバンストＨＴＭＬエディタ ≫や≪ メモ帳 ≫などのテキストエディタで作ってくださいね♪

自分のパソコンの≪ メモ帳 ≫で作った場合は、サーバーにアップロードする事を忘れないでね

　　◆　例えば、以下のような指定で、外部スタイルシートファイルを作る場合

　　　　◎　見出しタグ≪Ｈ２≫を使った場合は、文字の色を「オレンジ」

　　　　　◎　見出しタグ≪Ｈ３≫を使った場合は、文字の色を「グリーン」

　　　　　◎　見出しタグ≪Ｈ４≫を使った場合は、文字の色を「ブラウン」

　　　　　◎　前後に１行の空きがある段落タグ≪Ｐ≫を使った場合、文字の色は「ブルー」で文字のサイズは「１０ｐｔ」

　　　☆　記　述　の　中　身

　　　ｈ２｛ｃｏｌｏｒ：ｏｒａｎｇｅ｝

　　　　ｈ３｛ｃｏｌｏｒ：ｇｒｅｅｎ｝

　　　　ｈ４｛ｃｏｌｏｒ：ｂｒｏｗｎ｝

　　　　ｐ｛ｃｏｌｏｒ：ｂｌｕｅ；ｆｏｎｔ－ｓｉｚｅ：１０ｐｔ｝　　

　　※　上記のように指定した外部スタイルシートファイル（ＣＳＳファイル）を適用した実践ページ