<head>〜</head>間に書きます。
このページのソースには、下記のように書いています。
<link href="../style1.css" type="text/css" rel="stylesheet">
これは、「../」ひとつ上の階層にある「style1.css」を見てスタイルシートを実行しなさいということです。
同じ階層にあれば、「../」は不要です。
「style1.css」には、上記のソースが書いてあるだけで、拡張子を「.css」で保存しています。
これをアップロードしておけば、このページと同じように見せたいとき、上記の青字ソースを書き込むだけで
沢山のページが同じようにできます。
よく使うものを何種類か名前を変えてアップロードしておくと、指定するだけで色々と設定できます。
（リンク）オンマウスで文字・画像を動かし、色も変更 と見比べてください。
１ページごとに数行書いていたものが、１行で済みます。
| top:1px |
マウスをのせたとき、上下に動かす量（ピクセル）。 |
| left:1px |
マウスをのせたとき、左右に動かす量（ピクセル）。 |
| A fover {color:#ffffff |
マウスをのせたときの文字色。 |
| background-color:#5555ff |
マウスをのせたときの背景色。 |
また、このスタイルシートには背景、文字種類、文字サイズ、行間など色々な指定ができます。
「style1.css」に
body
{
background:#f9f0ff ;font-size:16pt;
color:#000000; line-height:150%
}
このように書いておくと、背景色・文字サイズ・文字色・行間が「style1.css」を指定したページ
全てに適用されます。
細かいことは、聞かないでくださいね、ここまでしか知りません m(_ _）mペコリ
市販のスタイルシート参考書をご覧ください。
|
