ホームページ作成の基礎からご提供するホームページ作成Space

<link>タグを使って、外部からスタイルシートファイルを読み込んで、ページのスタイルを指定することができます。

という形式で、外部ファイルを読み込みます。読み込まれるスタイルシートファイルの拡張子は、『 .css 』になります。メモ帳などのテキストエディタに定義内容を入力し、拡張子を『 .css 』として保存してください。

外部ファイルを読み込む場合、スタイルシートファイルに
　　<style type="text/css">
　　<!--
などの宣言は不要です。定義内容だけを列挙してください。

こちらのサンプルページは、 背景画像や色、余白、文字の大きさなどすべて外部のスタイルシートファイルを読み込んで指定しています。

 

ブログでは、あらかじめ使用するテンプレートにあわせたスタイルシートが用意されており、その外部ファイルを参照しています。

それとは別にスタイルシートを用意して記事欄で読み込むこともできますが、同一の id や class を使用して衝突することにもなりかねませんので、テンプレートが読み込んでいるスタイルシートに追記したほうが良いでしょう。スタイルシートは、ブログの管理画面から編集できます。