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]
>COLOR(blue):[[第4回>2006/4th/color]]で色の表現の説明をしましたが、再度掲載しておきます。
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/JouhouC2007/5th,next);進んでください。
----
#navi2(Lecture/JouhouC2007/5th,prev,toc,next)
|