初心者のスタイルシート(CSS)講座：外部リンク
外部リンクでスタイルシート(CSS)を設定するときの記述方法についての講座です。ついでに『class』と『id』の説明も多少…。
#container{ text-align:center; margin:0px auto 0px auto; padding:0px; width:800px; background-color:#fff; }
.side { color:#000000; font-size:12px; font-weight:normal; line-height:1.2em; margin-bottom:10px; padding:3px 5px 3px 10px; text-align:left; }
外部のスタイルシート(CSS)を作成して、リンクでホームページに設定を適用する場合は上記のような記述になります。
2つの設定があります。特徴的なのは『container』『side』の前の部分のピリオド(.）とシャープ(#)です。
ピリオド(.)は『class』を表しています。
シャープ(#)は『id』を表しています。
このidとclassの設定に関しては別ページで詳しく行います。 『スタイルシート(CSS)の『class』と『id』について』をご覧ください！
外部リンクのスタイルシート(CSS)の記述方法についてに話を戻します。
メモ帳(呼び出し方：左下のスタート→全てのプログラム→アクセサリ→メモ帳で呼び出せます)に上記のようにスタイルシート(CSS)を設定します。そして、分かりやすい名前をつけて保存します。
通常メモ帳の拡張子は『.txt』っとなっているのですが、スタイルシート(CSS)の外部リンク設定をする際はこの拡張子を『.txt』から『.css』に変更します。
保存したスタイルシート(CSS)『拡張子を.cssにしたファイル』とそのスタイルシート(CSS)を適用するホームページにリンクを貼ります！ そうすれば、スタイルシート(CSS)の外部リンク設定は完了です。
スタイルシート(CSS)の『class』と『id』の使い方へ進む