懲りずに、何度もテスト（スタイルシート編）

ＨＴＭＬも良くわからないのに、
今回は、スタイルシートを使ってのテストを行います。
まずは、フォントの大小から・・・

どんな文字になるかは、この次のレスをみてね。

<div style="font-weight:bold;font-size:x-large">
↑の、font-size:〜 の「〜」の部分を変えます。
んで、大きさを変えたい文字を</div>で閉じます。

xx-samll（一番小さい）
<div style="font-weight:bold;font-size:xx-small">
寝太郎はいつも寝ている。
</div>

x-small （２番目に小さい）
<div style="font-weight:bold;font-size:x-small">
寝太郎はいつも寝ている
</div>

snall （小さい）
<div style="font-weight:bold;font-size:small">
寝太郎はいつも寝ている
</div>

medium （ふつう）
<div style="font-weight:bold;font-size:medium">
寝太郎はいつも寝ている
</div>

large （大きい）
<div style="font-weight:bold;font-size:large">
寝太郎はいつも寝ている
</div>

x-large （ちょい大きい）
<div style="font-weight:bold;font-size:x-large">
寝太郎はいつも寝ている
</div>

xx-large （でかい・・・）
<div style="font-weight:bold;font-size:xx-large">
寝太郎はいつも寝ている
</div>

xx-samll（一番小さい）

x-small （２番目に小さい）

snall （小さい）

medium （ふつう）

large （大きい）

x-large （ちょい大きい）

xx-large （でかい・・・）

色は、基本的にはたくさん作れます。ちょっと長いですが、
<div style="font-weight:bold;font-size:x-large;color:#FF9900">
↑で coior:#******"の ****** を０からＦまでの１６進数で変えてみてください。
ちなみに、****** は、はじめの２桁が赤、次が緑、最後が青です。
だから、お好みの色をつくってね。

しかし、面倒くさいという方には次の１６色がわりかし簡単に作れます。
上記の#****** の部分を決まっている色の名前に置き換えるだけです。

もちろん、font-size:〜；の「〜」を変えれば、大きな色文字も作れます。
小さな色文字もね。

では、いってみましょう。

aqua
<div style="font-weight:bold;font-size:large;color:aqua">
寝太郎はいつも寝ている
</div>

black
<div style="font-weight:bold;font-size:large;color:black">
寝太郎はいつも寝ている
</div>

blue
<div style="font-weight:bold;font-size:large;color:blue">
寝太郎はいつも寝ている
</div>

fuchsia
<div style="font-weight:bold;font-size:large;color:fuchsia">
寝太郎はいつも寝ている
</div>

gray
<div style="font-weight:bold;font-size:large;color:gray">
寝太郎はいつも寝ている
</div>

green
<div style="font-weight:bold;font-size:large;color:green">
寝太郎はいつも寝ている
</div>

lime
<div style="font-weight:bold;font-size:large;color:lime">
寝太郎はいつも寝ている
</div>

maroon
<div style="font-weight:bold;font-size:large;color:maroon">
寝太郎はいつも寝ている
</div>

navy
<div style="font-weight:bold;font-size:large;color:navy">
寝太郎はいつも寝ている
</div>

olive
<div style="font-weight:bold;font-size:large;color:olive">
寝太郎はいつも寝ている
</div>

purple
<div style="font-weight:bold;font-size:large;color:purple">
寝太郎はいつも寝ている
</div>

red
<div style="font-weight:bold;font-size:large;color:red">
寝太郎はいつも寝ている
</div>

silver
<div style="font-weight:bold;font-size:large;color:silver">
寝太郎はいつも寝ている
</div>

teal
<div style="font-weight:bold;font-size:large;color:teal">
寝太郎はいつも寝ている
</div>

white
<div style="font-weight:bold;font-size:large;color:white">
寝太郎はいつも寝ている
</div>

yellow
<div style="font-weight:bold;font-size:large;color:yellow">
寝太郎はいつも寝ている
</div>

#FF9900
<div style="font-weight:bold;font-size:large;color:#FF9900">
寝太郎はいつも寝ている
</div>

aqua

black

blue

fuchsia

gray

green

lime

maroon

navy

olive

purple

red

silver

teal

white

yellow

#FF9900

寝太郎さん、やりましたね、すごくて言葉もないです。
せっかく教わったからには、どこかで使ってみたい…けど…
ちょっと勇気がない…かも…です…　

スモールにするｔｔを使ってはさんでみたんだけど、小さくならなかった…

そういう場合はね、つまり小さい色文字の場合ですけど、

<div style="font-weight:bold;font-size:large;color:lime">
↑の、font-size:large の、large を変えてやればいいのです。

だから<div style="font-weight:bold;font-size:xx-small;color:lime">
と変えてやればいいのです。

ちょっと、複雑？

じゃあまた。

こんな感じかな・・・

　
　
　
以下はネタバレしています。
読まれる方は下の部分をカーソルで反転させてください。

**ここから**

**ここまで**

面白いですね。

引用して返信にすれば、丸見えでしたね・・