*単位について [#rb71edb5] **長さの単位 [#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):[[第5回>Lecture/InfoDesignB2004/5th/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://tohoho.wakusei.ne.jp/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/InfoDesignB2005/6th,next);進んでください。 ---- #navi2(Lecture/InfoDesignB2005/6th,prev,toc,next) |