CSS 権威ガイド 読み方メモ 値と単位_html/css_WEB-ITnose

同等カラー テーブル

Web セーフ カラーとは

いわゆる「Web セーフ」カラーとは、256 色のコンピューター システムで常にディザリングを回避できるカラーを指します。

Web セーフ カラーは、20% の RGB 値および 51 の倍数として表現できます (対応する 16 進値は 33)。

RGB パーセンテージを使用する場合、3 つのコンポーネントはすべて 0%、または 20 の整数である必要があります

同様に、0 ～ 255 の範囲の RGB 値を使用する場合、各コンポーネントの値0 または 51 に分割できる整数のいずれかである必要があります。

16 進数表記を使用する場合、値 00、33、66、99、CC、FF の 3 つの値を使用するのが Web セーフ カラーです。

絶対長さの単位

絶対長さの単位は5つあります。インチ (in)、センチメートル (cm)、ミリメートル (mm)、ポイント (pt)、パイカ (pc)

インチ: 米国の定規の単位

センチメートル: 世界中の定規の単位。 1in=2.54cm 1cm=0.394in

ミリメートル: 10mm=1cm 1in=25.4mm 1mm=0.0394in

ポイント: ポイントは印刷測定の標準単位です。1 インチは 72 ポイントです (たとえば、テキストは 12 ポイントに設定されており、これは 1 インチの高さの 1/6 に相当します)

パイカ: 1 パイカは 12 ポイントに相当し、6 パイカは 1 インチに相当します

長さの相対単位

相対単位: 他のものとの関係に基づいて測定するには、em、ex、px

の 3 つの相対的な長さの単位があります。このうち、em は em-height、ex は x-height、px はピクセルを表します。

em は、特定のフォントのフォント サイズ値として定義されます。 (例: 要素の font-size が 14 ピクセルの場合、1em はその要素の 14 ピクセルに等しい)

フォント サイズを設定すると、em の値は親要素のフォント サイズに応じて変化します。

ex は、使用されているフォントの小文字の x の高さを指しますが、これは単なる理論であり、一般的には 1ex=0.5em

ピクセルが相対的な長さである理由は、モニター上の小さなカラー ボックスがピクセルであるためです。印刷する場合、1px は 96ppi の参照ピクセルを使用する必要がある場合があります。

em はフォント サイズに合わせて拡大縮小するため、最も柔軟であり、要素と要素の操作をより一貫させることができます。

役立つ CSS 知識

1. CSS では、相対 URL は、スタイル シートを使用する HTML ドキュメントに対してではなく、スタイル シート自体に対して相対的である必要があります

2. 背景:url (画像パス) を使用することに注意してください。 URL と左括弧の間にスペースを入れることはできません。スペースがある場合、ステートメント全体が無効になり、無視されます。

3. Inherit はすべての属性に共通のキーワードであり、属性の値をその親要素の値と同じにします

CSS2 単位

1. 角度の値: 度 (deg)、勾配 (gradient) )、ラジアン (rad) 宣言方法に関係なく、これらの値は 0 ～ 360 の範囲の度として解釈されます。例: -90deg=270deg

2. 時間値: ミリ秒 (ms)、秒 (s)

3. 周波数値: ヘルツ (Hz)、メガツ (Mhz) 値の後のラベル Hz または Mhz は区別されません。敏感です