外部からスタイルシートを読み込む
<link>タグを使って、外部からスタイルシートファイルを読み込んで、ページのスタイルを指定することができます。
<link rel="StyleSheet" href="パスまたはファイル名">
という形式で、外部ファイルを読み込みます。読み込まれるスタイルシートファイルの拡張子は、『 .css 』になります。メモ帳などのテキストエディタに定義内容を入力し、拡張子を『 .css 』として保存してください。
外部ファイルを読み込む場合、スタイルシートファイルに
<style type="text/css">
<!--
などの宣言は不要です。定義内容だけを列挙してください。
こちらのサンプルページは、 背景画像や色、余白、文字の大きさなどすべて外部のスタイルシートファイルを読み込んで指定しています。
上記ページのスタイルシートファイルはこちらです。(そのままのリンクでは見づらいので、同一の内容をテキストファイルとして保存したものです。
ブログでは、あらかじめ使用するテンプレートにあわせたスタイルシートが用意されており、その外部ファイルを参照しています。
それとは別にスタイルシートを用意して記事欄で読み込むこともできますが、同一の id や class を使用して衝突することにもなりかねませんので、テンプレートが読み込んでいるスタイルシートに追記したほうが良いでしょう。スタイルシートは、ブログの管理画面から編集できます。
ランキングに参加中です! お役に立てたらクリックをお願いします→
コンピュータとインターネット > データ形式 > HTML > リファレンス