| StyleＳheet（すたいるしーと） |
スタイルシートはHTMLタグだけではできないデザインが可能です。
（このページもスタイルシートを使っています。）
◆スタイルシートの記述方法
|
１．
|
HTMLファイルとは別にスタイルシートのファイルを作成し、それをHTMLファイルから読み込む方法 |
| 複数のHTMLファイルを統一してレイアウトするのに便利です。 変更も複数ファイルを編集しなくてもスタイルシートのファイルを編集するのみでいいので楽です。 |
|
|
２．
|
HTMLファイルに直接埋め込む方法 |
| HTMLファイルごとにレイアウトを設定したいときに使います。 | |
|
３．
|
HTMLファイルの特定のタグに直接記述する方法 |
| 上記の２つの方法でスタイルを設定したHTMLファイル内で特別なスタイル設定をしたいところに使います。 |
以上の３通りあります。
同時に２つ以上の方法で記述することもできますが、優先順位があります。
その順番は ３ → ２ → １ の順です。
◆では、具体的にどんなことができるの？
★サンプル その１
|
通 常
|
|
表の中の文字を全部に
size=8pt，color=tomato |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
→
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| TABLEの中では、FONTタグだと各セルごとに入れないといけませんが、 スタイルシートを使うとTABLEタグに上記２や３の方法で記述するだけで 各セルに有効です。 |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
★サンプル その２
下の文字へマウスをのせてください。
スタイルシート
（マウスを持っていくと文字が太字になったり、リンクなのにアンダーラインがなかったり...）
★サンプル その３
|
通 常
|
|
リストマークを画像に
|
|
→
|
|
|
UL(リスト）のマークを画像や大小ローマ数字や白丸や |
||