HPで扱う長さと色の単位はいろんな種類がありますが扱う単位によっては 昔の旧ブラウザでは最新ブラウザと比較してテーブルの長さが異なる、フォントサイズが 異なる、正しく色が表示されないなど最新ブラウザでの見え方と違ったりする場合があるので 注意が必要です。■絶対値と相対値HTMLやCSSで使用する長さの単位には絶対値と相対値があります。
絶対値・・・・指定した数値通りに表示されます。
絶対値と相対値の単位には以下のような種類があります。
相対値
px・・・ pxは相対値ですが現在のところInternet Explorerでは絶対値として表示されます。 em・・・ 現在のフォントサイズを1とした相対指定 ex・・・ 現在の英字のxの高さを1とした相対指定 %・・・ 現在のフォントサイズや画面サイズを100%とした相対指定 長さの単位についての説明の次は色の単位に ■HTMLでの色の指定HTMLでは色の指定は16進数(カラーコード)で指定する方法と カラーネームで指定する方法があります。16進数で指定する場合は 先頭に#の記号を付け、その後に2桁の16進数を3個並べて記述します。
16進数で指定・・・<font color="#FFFF00">黄色</font>
2桁(各色)で16×16=256通りあるので6桁では 256の3乗=256×256×256=16777216通り の色の組み合わせがあります。
図のように黒色 #000000 に近づく程、色は暗くなり、 白色 #FFFFFFに近づく程、色は明るくなります。 ■CSSでの色の指定CSSでは次のような色の指定方法があります。◆16進数で指定HTMLでの指定の時と同様にカラーコードで指定します。<span style="color :#FF0000;">赤色</span> ◆カラーネームで指定HTMLでの指定の時と同様にカラーネームで指定します。<span style="color :red;">赤色</span> ◆10進数のRGB値で指定R、G、Bの各部分に1~255の数字を指定します。span{color :rgb(255,255,255);} ◆RGB値の割合で指定R、G、Bの各部分に1~100%の割合を指定します。span{color :rgb(100%,100%,100%);} ■標準16色/カラーネーム147色/WEBセーフカラー216色HTMLでカラーネームで色を指定する時はブラウザによっては正しく 表示されない場合がありますが下の標準16色(Standard Colors 16) はカラーネームで指定しても古いブラウザで正しく表示されるので 暗記しておくと便利です。(カラーコードで指定する場合は英字は 小文字でも大文字でもけっこうです。)
|
HOME
Copyright (C) 2003-2024 ホームページマスター All rights reserved.