スタイルシ−トの指定

外部指定。

カスケ−ディングスタイルシ−トのファイルを一つ作り、呼び出すためのタグを<head>〜</head>に 入れるだけで、複数のファイルに同じCSSを指定する事が出来ます。更新する時も、スタイルシ−トのファイルを更新すれば 一括で変更されるのでかなり便利な技です。実際に書いてみると↓こんな感じ↓。

<html>
<head>
<link rel="stylesheet" type="text/css" href="xxx.css">
<title>ホ−ムペ−ジ</title>
</head>
<body>
本文
</body>
</html>

赤い部分がスタイルシ−トを呼び出している部分です。「xxx.css」と書いてある部分には、自分で作ったファイル名を入れて下さい。 http:// から記述してもオッケ−です。

CSSファイルの作り方。

テキストエディタを開き、スタイルシ−トの内容を書き込んで、拡張子をcssにして保存して下さい。これで出来上がり。 簡単!早い!すぐできる!この時注意することは、カスケ−ディングスタイルシ−トのタイプ指定などはいらない、という事です。

例えばヘッダ−部に書くで一番最初に書いてみたのと同じスタイルシ−トを外部指定にする場合、 下のように書いてある中の、赤い部分だけ記述していけばイイわけです。残りの黒い部分は、書く必要ありません。

<style type="text/css">
<!--
body{ font-size:10pt; }
-->
</style>

実物を見た方が早いと思うので、CHIPSで使っている外部指定のCSSファイルを見て下さい。百聞は一見に如かず! これがこのページで使ってるCSSファイルです。 汚い記述で申し訳ない。

メモ帳などで必要なスタイルシ−トを書き入れた後は、先ほども言ったように拡張子を css で保存して下さいネ! (style.cssとか、css.cssとか、そんな感じで。)名前は半角英数字で適当に付けて大丈夫です。