▼GHP講座3.4 − CSSスタイルシートを覚える
◎ よいデザインのホームページを作るために最低限必要な知識(言語)
◎ ホームページを作るために覚えなくてはいけないんです。
◎ 頑張って覚えて下さいね＜他人事＞初めは見ながらでいいですからっ♪
◎ 簡単な英語ができるなら、かなり楽に覚えられますよ。
.
◇◆◇このページで、解説するCSS一覧◇◆◇
[color] color [BackGround] background
※スタイルシートを使用している都合上、文字のサイズなど実際の表示と多少異なります。
★color : 色彩(文字色)
汎用例：color:<color>; [color] #ff0000, #f00, rgb(255,0,0), red...
実用例：color:#ff0000;
<span style="color:#ff0000;">赤</span><br />
<span style="color:#00ff00;">緑</span><br />
<span style="color:#0000ff;">青</span><br />
↓ このように表示されます ↓
赤色 : #ff0000 #f00 red
緑色 : #00ff00 #0f0 green
青色 : #0000ff #00f blue
※かなりよく使います。色名より#rrggbb値で指定するのが良さそうです。
★background : 背景(背景一括指定)
汎用例：background:<color><image><repeat><attachment><position(row)><position(col)>;
実用例：background:#f8f8ff url('./img/back.png') repeat-y fixed right bottom;
[repeat] repeat(縦横敷詰), repeat-x(横敷詰), repeat-y(縦敷詰), no-repeat(敷詰無し)
[attachment] scroll(画面のスクロールと連動して画像が動く), fixed(画像固定)
[position(row)] top(上), center(中央), bottom(下), 0%-100%
[position(col)] left(左), center(中央), right(右), 0%-100%
※<image>を使う場合は、その画像に類似した色を<color>で指定して下さい。
※<repeat><attachment><position(row)><position(col)>は<image>使用時有効。
<body style="background:#fee;color:#011;">
<body style="background:#028;color:#fec;">
↓ このように表示されます ↓
どのような感じ？
どのような感じ？
※同時にcolorも記述しておかなければ見難くなることがあります。