単位と色
■単位
スタイルシートにおける単位の指定には、相対単位と絶対単位があります。
相対単位
| 単位
|
意味
|
指定例
|
| em
|
その要素（pや h1）のfont-sizeの値を１とする
|
p { font-size: 1.2em }
|
| ex
|
その要素のフォントのx-height(小文字のxの高さ）を１とする
|
p { margin: 1ex }
|
| px
|
コンピュータ画面上の1ピクセルを1とする
|
p { font-size: 12px }
|
| %
|
多くは親要素の一部分を基準とした割合
|
p { font-size: 120% }
|
絶対単位
| 単位
|
意味
|
指定例
|
| in
|
インチ（1in=2.54cm)
|
h1 { margin: 0.7in }
|
| cm
|
センチメートル
|
h2 { line-height: 2cm }
|
| mm
|
ミリメートル
|
h3 { word-spacing: 4mm }
|
| pt
|
ポイント（１pt=1/72in)
|
h4 { font-size: 14pt }
|
| pc
|
パイカ(1pc=12pt)
|
h4 { font-size: 1pc }
|
ただ、実際に使うのは、だいたい決まっています。
em,px,%,pt これぐらいでしょう。
■スタイルシートにおける色
スタイルシートで色を指定する場合は、RGB値を用いる場合と、キーワード（色名）を用いる方法があります。
指定法にはいくつかありますが、おもに使うのは二つです。
例
#ff00bb
#に続けて、赤（r）、緑（g）、青（b）のそれぞれの値を00〜ffの１６進数で二桁ずつ、計六桁で指定します。
これを使うと、全部で1677万色（笑）も使えます。とてもすべてを暗記するのは無理（笑）なので、カラーチャートというものを使います。
また、色名を直接書き込む方法もあります。対応していないブラウザもありますが、InternetExplorerはもちろんほとんどのブラウザで対応しています。この方法の利点は色名を書くので、イメージがつきやすいというところです。たとえば、redやblackなどで表します。
|
TOP
単位と色
