CSS Units（単位）

単位はCSS属性で非ゼロの長さ値を指定するために使用されます。CSSでよく使用される単位には：px、em、pt、パーセンテージ（%）などがあります。

CSS単位の理解

長さの測定単位は、絶対的な単位（例えばピクセル、ポイントなど）または相対的な単位（例えばパーセンテージ（%）およびem単位）でできます。

非ゼロの値はCSS単位を指定する必要があります。なぜなら、デフォルトの単位がないからです。単位が欠けているか省略されていると、エラーとみなされます。ただし、値が0の場合は、単位を省略できます（結局、0ピクセルと0インチは同じ測定です）。

相対的な長さ単位

相対的な長さ単位は、他の長さ属性に対しての長さを指定します。相対的な単位は：

emおよびexユニットは、要素に適用されるフォントサイズに依存します。

emユニットを使用して測定します。

測度1emはフォント-サイズ使用する要素の属性の計算値を使用します。これは垂直または水平の測定に使用できます。

例えば、font-sizeを要素の設定にします。16pxにし、line-heightを設定します。2。5emなら、line-heightinピクセルの計算値は2。5 x 16px = 40px。

p　{
　　　　フォント-サイズ:　16px;
　　　　line-高さ:　2。5em;
}

font-size属性の値をemで指定すると、例外が発生します。その場合、親要素のフォントサイズを参照します。

したがって、当我们在中指定フォントサイズをemで1emは継承されたフォントサイズに等しい-size。したがって、font-サイズ: 1。2em;テキストを親要素のテキストよりも大きくする1。2倍。

body　{
　　　　フォント-サイズ:　62。5%;
　　　　フォント-family:　Arial,　Helvetica,　sans-serif;
}
p　{
　　　　フォント-サイズ:　1。6em;
}
p:firt-letter　{
　　　　フォント-サイズ:　3em;
　　　　フォント-weight:　bold;
}

すべての現代ブラウザでは、フォントのデフォルトサイズは16px。最初のステップは、正文のフォントを-サイズにリセットします。62。5％を使用して全体のドキュメントのサイズを小さくし、フォントサイズを10px（16pxの62。5％）。

これはデフォルトの四捨五入ですフォント-サイズ、px から em の変換を簡単にします。

防爆装置を使用して

の ex ユニットは現在のフォントの x 高さに等しいです。

「x 高さ」と呼ばれるのは、通常小文字の「x」の高さが等しいからです。以下のように見えます。しかし、ex は「x」を含まないフォントでも定義されています。

絶対的な長さユニット

絶対的な長さユニットは互いに固定されています。それらは出力メディアに高度に依存しており、既知の出力環境では特に有用です。絶対ユニットは物理ユニット（の in、cm、mm、pt、pc）と px ユニットで構成されています。

絶対的な物理ユニット、例えば in、cm、mm などは、印刷メディアや高解像度のデバイスなどに使用されるべきです。一方、デスクトップや低解像度のデバイスなどのスクリーンディスプレイには、ピクセルやemユニットを使用することをお勧めします。

h1　{　マージン:　0.5in;　}　　　　　　　/*　インチ　　*/
h2　{　ライン-高さ:　3cm;　}　　　　/*　センチメートル　*/
h3　{　ワード-スペース:　4mm;　}　　　/*　ミリメートル　*/
h4　{　フォント-サイズ:　12pt;　}　　　　　/*　ポイント　*/
h5　{　フォント-サイズ:　1pc;　}　　　　　　/*　ピカス　*/
h6　{　フォント-サイズ:　12px;　}　　　　　/*　ピカス　*/