スタルル

スタイルシート講座です
見方は、左のをいれると、右の結果になるです。
左のを、コピーして貼り付ければ、そのまま使えるはずです。
←これを押すだけで、コピー完了です。
ためしに、に貼り付けると、「コピー」ってでるはずです。

基本を知る / フォント系 / リンク系 / マウス系 / 最後に・・・ / もどる


基本を知る
・必要な事
はじめに知っておかなければならない事。
それは、
<script type="text/css">
<!--
「  」
//-->
</script>
です。
真ん中の「」部分にタグを入れることで、効果が現れるです。
これがないと、スタイルシートは効果を発揮しないです。
ただし、例外は常に除くですよ。

・上で言っていた「」の中身
2つから構成されます。
実行元と、実際のコマンドです。
実行元で、何に対して効果をあらわすのかを。
コマンドで、どういう効果をあらわすのかです。
実行元 { コマンド }
で、コマンドも2つから構成されます。
ターゲットと、ターゲットにそったコマンドです。
HTML[ font color="red" ]でいうと、
font color がターゲット。
red がコマンドです。
ターゲットとコマンドの間は、コロン「:」をはさみます。
実行元 { ターゲット:コマンド }

・全体に効果を
例えば、fontタグ全体に同じ効果をかけたい時です。
font { color : red }
と言う風にするです。そうするですと、
<font>天庭</font>
と入れますだけで、
<font color="red">天庭</font>
と同じ効果になるのです。
font類外でしても、<b>とかでもできますですよ。

・classを使う
.abc{ color : red }
と言う書き方を宣言しておくです。
そして、使いたいところで、クラス宣言をするのです。
<font class="ac">赤いろ</font>
これでも同じように、
<font color="red">天庭</font>
と同じ効果になるです。

・タグ別で使う
タグ内に、直接書き手そのタグのところだけに効果をあらわします。
<font style="background : green">背景みどり</font>

・複数宣言
「;」セミコロン で、くぎっていきます。
font { color : red ; font-size : 24px }
上にもどるです


フォント系
コマンドタイプ
color : 色コード(色名) 緑色
サイズ font-size : ピクセル指定
[ 14px , 24px ] など、好きな数字を入れられます。
ピクセル14
ピクセル24
上にもどるです


リンク系
実行元タイプ
このページ自体で、これは使用しています。
全体 A{ } サンプルなし
通常 A:link{ } サンプルなし
マウスが乗っている時 A:hover{ } サンプルなし
リンク中 A:visited{ } サンプルなし
リンク済み A:active{ } サンプルなし
上にもどるです


マウスカーソル系
コマンドタイプ
クロスカーソル cursor : crosshair 天庭
ハンド cursor : hand 天庭
ビジー cursor : wait 天庭
ヘルプ cursor : help 天庭
クロスアロー cursor : move 天庭
ディレクションアロー 北[ cursor : n-resize ]
東[ cursor : e-resize ]
南[ cursor : s-resize ]
西[ cursor : w-resize ]
ne-resizeなどで、斜めも可能です。
北の天庭
東の天庭
南の天庭
西の天庭
北東の天庭
南西の天庭
上にもどるです


最後に・・・
スタイルシートについての質問等があるでしたら、答えられる範囲でお答えするです。
質問は、サポート掲示板のみで行うですから。
ミスとかありましたら、連絡お願いします〜

上にもどるです


上にもどるです