CSS絶対単位とは何ですか?

青灯夜游
青灯夜游オリジナル
2022-07-26 16:09:304550ブラウズ

CSS では、絶対単位の正式名は「絶対長単位」であり、実際の物理サイズを反映する固定値です。絶対単位は出力媒体に依存し、環境には依存しません (ディスプレイ、解像度)、オペレーティング システムなど)。 CSS の絶対単位には、cm (センチメートル)、mm (ミリメートル)、in (インチ)、px (ピクセル)、pt (ポイント)、pc (パイカ) があります。

CSS絶対単位とは何ですか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

CSS の長さの単位は、相対的な長さの単位と絶対的な長さの単位に分類できます。

相対単位

相対長さ単位は、ある長さの別の長さに対する相対的なプロパティを指定します。さまざまな機器や相対的な長さに適しています。

#ユニット説明emそれは説明は現在の要素に適用されるフォント サイズに相対的なものであるため、相対的な長さの単位になります。一般的なブラウザのデフォルトのフォント サイズは 16px ですが、英字 xx の高さに応じて 2em == 32px#ch数値 0remrem の幅は、ルート (root em) の省略形であり、ルート要素のフォント サイズ (HTML ルート要素に相対); vwビューポイント幅、ウィンドウ幅、1vw = ウィンドウ幅の 1%vh視点の高さ、ウィンドウの高さ、1vh = ウィンドウの高さの 1%vmin小さい方vw と vhvmaxvw と vh の大きい方
ex

絶対単位

絶対長単位は、実際の物理的なサイズを反映する固定値です。絶対的な長さの単位は出力メディアに依存し、環境 (モニター、解像度、オペレーティング システムなど) には依存しません。

単位説明cmcmmmMMinインチ (1in= 96px = 2.54cm)pxピクセルptポイント (1pt = 1/72 インチ)pcピカ約 12 ポイント (1 個 = 12 ポイント)

css px 単位---最も一般的に使用される長さの単位

px は、ピクセルとも呼ばれます。画面メディア (つまり、コンピューター上 (画面上で読み取られる)) は、度で測定される固定サイズの単位です。 1 ピクセルはコンピュータ画面上の 1 点 (つまり、画面解像度の最小分割) に相当し、Web ページはピクセルごとに正確に完全にレンダリングできます。例として、設定方法を見てみましょう:

.demo{  font-size: 40px; }

CSS絶対単位とは何ですか?

#css PC ユニット

#pc: pica(ピカ)、我が国の新4号型と同等の大きさです。

.demo{  font-size: 4pc; }

CSS絶対単位とは何ですか?css pt 単位

pt: ポイント、絶対長さの単位

.demo{  font-size: 40pt; }

CSS絶対単位とは何ですか?css inunit

in: 物理的な測定単位であるインチですが、CSS の世界では、インチは単純にマッピングされます。ピクセルに直接。

.demo{  font-size: 0.5in; }


CSS絶対単位とは何ですか?css mm 単位

mm: ミリメートル (ミリメートル)、小さなオーダーの物理測定単位。

.demo{  font-size: 10mm; }

CSS絶対単位とは何ですか?css cm 単位

cm: センチメートル、世界中のほとんどの人にとってこれは、比較的馴染みのある便利な物理測定単位です。 CSS ではピクセルにもマッピングされます。

.demo{  font-size: 1cm; }


CSS絶対単位とは何ですか?知識を広げる:

これらの長さの単位がどのように変換されるかを見てみましょう:

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

以下に、pt と px の相互変換の式を示します。

px = pt *(96/72)
pt=px*(72/96)

(学習ビデオ共有:

Web フロントエンドの入門

)

以上がCSS絶対単位とは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。