〜 スタイルシートについて (2) 〜



◆HTMLファイルとは別に「スタイルシートファイル」を作成して、そのファイルとリンクをはる 作成方法 















































1.スタイルシートを設定したいファイルを開いておく。

2.メニューバーの
  「表示」 → 「スタイルシート マネージャー」を選択します。









(スタイルシート マネージャー が表示されます)


3.「リンク」ボタンの ▼をクリックし
 [外部スタイルシートの新規作成/リンク] をクリックします。








(外部スタイルシートの新規作成 が表示されます)




4.[参照]ボタンをクリックします。










5.[ファイルの場所]をホームページが保存されている場所にし、
  [ファイル名]には、

     「 style 」 と入力します。




6.[開く]ボタンをクリックします。







(外部スタイルシートの新規作成 が表示されます)



7.[OK]ボタンをクリックします。






(外部スタイルシート の画面が表示されます)

8.[追加]ボタンをクリックします。























(スタイルの設定 の画面が表示されます)

9.スタイルの設定をします。













10.必要な設定が終わったら、「OK」をクリックします。





(外部スタイルシート の画面が表示されます)

11.更に追加で設定をする場合には、[追加]ボタンをクリックします。
  設定が終わったら、[閉じる]ボタンをクリックします。




















(スタイルシート マネージャー が表示されます)

ページを保存することによって、下のように、
スタイルのファイル名が表示されます。

   














※以上で設定が終了です。
◆既にある外部スタイルシートファイルにリンクをはる 方法

1.スタイルシートを設定したいファイルを開いておく。

2.メニューバーの
  「表示」 → 「スタイルシート マネージャー」を選択します。


(スタイルシート マネージャー が表示されます)


































3.「リンク」ボタンの ▼をクリックし
 [外部スタイルシートの選択してリンク] をクリックします。








(外部スタイルシートの選択 が表示されます)


4.[参照]ボタンをクリックします。









5.[ファイルの場所]をスタイルファイルが保存されている場所にし、
  スタイルのファイルをクリックします。





6.[開く]ボタンをクリックします。







(外部スタイルシートの選択 が表示されます)



7.[OK]ボタンをクリックします。





(スタイルシート マネージャー が表示されます)

ページを保存することによって、下のように、
スタイルのファイル名が表示されます。

   







  下の外部スタイルを設定してみましょう。

新規ページ作成  標準モード
ファイル名  zoo.html
スタイルシートファイル名  style.css
HTMLタグの候補(設定するタグ)  PとTDとA
※以下の設定は、全てのタグにする
  サイズ  12ポイント
  文字飾り  なし
  文字の属性  太い
  色と背景(前景色)  緑


Home>>>