KAWANO's PukiWiki Plus! - Lecture/JouhouC2008/5th/unit の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/JouhouC2008/5th/unit へ行く。

TITLE:CSSで扱う単位
*CSSで扱う単位 [#wa2c4de3]

**長さの単位 [#c100c797]
フォントのサイズや、
要素の幅・高さ・空白の大きさなど、
様々な長さを、CSSでは「''単位''」を使って指定することができます。

長さの単位には、次の2つがあります。
-絶対指定（物理的な大きさを示す）
-相対指定（基準となる大きさとの比率で示す）

大きさの指定には、「''相対指定を利用する''」ことにしましょう。
パソコンの画面は、
利用する人によって、大きさも解像度も異なります。
''絶対指定では、自分と異なる環境ではうまく表示できない''可能性があります。
相対指定にすれば、
それぞれの環境に合わせてスタイルが表現されます。

***相対指定の単位 [#s3e8bc2d]
相対指定には、次のような単位があります。
|CENTER:単位|CENTER:意味|h
|~em|指定した要素のフォントサイズの高さを1とする単位|
|~ex|指定した要素のフォントの小文字「x」の高さを1とする単位|
|~px|画面の1ピクセルを1とする単位|
|~%|他の基準となる大きさに対する割合&br;（基準はプロパティによって異なる）|

***絶対指定の単位 [#hbd42af8]
絶対指定には、次のような単位があります。
|CENTER:単位|CENTER:意味|h
|~in|インチ（1インチ=2.54cm）|
|~cm|センチメートル|
|~mm|ミリメートル|
|~pt|ポイント（1ポイント=1/72インチ:画面の場合）|
|~pc|パイカ（1パイカ=12ポイント）|

**色の単位（再掲） [#i63506a9]

HTMLでは、文字や線の色などを指定できます。
指定するには、色の名前や色の値を使います。

***色の値 [#za529456]
光の三原色である、赤(R)緑(G)青(B)の強さを値であらわします。
16進数(0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F)を使い、RGBそれぞれを00〜FFまでの256段階で設定することができます。~
blackは#000000、redは#FF0000、whiteは#FFFFFFのように、「#」のあとにRGBの値を設定します。~
--参考：とほほの色入門：色見本
---http://www.tohoho-web.com/wwwcolor.htm
***色の名前 [#l686104d]
代表的な色（16色）には、名前がつけられています。
それぞれの色の名前（そして色の値）は次のとおりです。
|CENTER:|CENTER:||CENTER:|CENTER:||CENTER:|CENTER:||CENTER:|CENTER:|c
|色の名前|色の値||色の名前|色の値||色の名前|色の値||色の名前|色の値|h
|COLOR(white):BGCOLOR(black):black|#000000||BGCOLOR(gray):gray|#808080||BGCOLOR(silver):silver|#C0C0C0||BGCOLOR(white):white|#FFFFFF|
|BGCOLOR(red):red|#FF0000||BGCOLOR(yellow):yellow|#FFFF00||BGCOLOR(lime):lime|#00FF00||BGCOLOR(aqua):aqua|#00FFFF|
|COLOR(white):BGCOLOR(blue):blue|#0000FF||BGCOLOR(fuchsia):fuchsia|#FF00FF||COLOR(white):BGCOLOR(maroon):maroon|#800000||COLOR(white):BGCOLOR(olive):olive|#808000|
|COLOR(white):BGCOLOR(green):green|#008000||COLOR(white):BGCOLOR(teal):teal|#008080||COLOR(white):BGCOLOR(navy):naby|#000080||COLOR(white):BGCOLOR(purple):purple|#800080|

&br;
&navi2(Lecture/JouhouC2008/5th,next);進んでください。
----
#navi2(Lecture/JouhouC2008/5th,prev,toc,next)