CSSの単位

場合や、CSSプロパティの長さの値を数値などを指定するwidthまたはfont-size別のユニットを選択している。 3最もよく使われるものピクセル相対的な値パーセンテージです。

ピクセル

ピクセルは、 小さなドットは、 コンピュータ画面を構成し、この中に使用することができる最も正確な単位ですが。場合、それは正確には、それ以上のように過不足なく表示される100ピクセルの幅を設定します。ピクセル単位で、単に値の後にピクセル右に追加の値を設定してください。

CSSをピクセル単位

img {width:100px}

相対値

相対的な値については、しばしば使用されてfont-sizeただし、それらは他の数値プロパティにも使用することができます。彼らは、現在の要素に相対的な付け加えることによって設定されます。1emは、常に現在の値を変更せず、2emを使用して(厳密にはem小文字のmの文字の幅の相対的な意味はそれのダブルルームと0.5emを使用して半分を使用して、現在のフォント)

CSSの相対値の単位

body {font-size:13px}
p {font-size:2em}

上記のコードのセットfont-size body要素のための13ピクセルに。体の中の段落の要素を2emの相対的な値をため、26ピクセルの値を2倍に使用します。

もし我々の代わりに1.9em使用すると、段落の値は24.7ピクセルになります。これは、コンピュータの画面だけで、Webブラウザのいずれかの24ピクセルまたは25ピクセルには、時には、ブラウザ間の不整合を引き起こすことができるを丸めるしようとする全体のピクセルを表示することができます。

パーセンテージ

の割合がかなり相対的な値と同じように動作します。100%は、現在の値を変更せず、200%を受け取り、その上に2倍に。の割合付け加えることによって設定されます。

CSSの割合は低い

body {font-size:13px}
p {font-size:200%}

ゼロ

時値は必要がない低い状態にするには、 ゼロに設定されます。

CSSの値はゼロ

p {border-width:0}

他のユニット

あるパソコン (イカのようないくつかの詳細はほとんど使用される単位)、 センチメートル (センチメートル)、mm(ミリメータ)、(インチ) で、pt(ポイント)です。

使用方法のガイドライン

1。フォントの相対値

ウェブサイトすべき柔軟に対応し、サイズ変更、フォント(Ctrlキーを押しながらマウスのホイールの移動)を含む。場合は指定するInternet Explorerの一部の古いバージョンのフォントサイズを変更することを拒否font-sizeピクセル単位。代わりに、相対的な値を使用します。ための76% <body>フォント em他のすべてのフォントのすべてのブラウザで一貫性のあるフォントを取得するための一般的に使用される手法です。

2。ピクセルの場合のみ必要

親指の一般的なルールの相対的な値とパーセンテージをどこに柔軟なレイアウトは、すべてのメディアを確保することを使用しています。上の場合は、必要があるもののピクセルオーケーな位置にものを非常に正確に画面。