CSS の絶対長の主な単位は何ですか?絶対長さの単位を変換するにはどうすればよいですか?

この記事では、CSSの長さ単位における主な絶対的な長さの単位とその変換方法を紹介します。困っている友人は参考にしていただければ幸いです。

CSS には多様であると言える長さの単位が多数ありますが、基本的には相対長さの単位、絶対長さの単位、視覚領域のパーセンテージ長さの単位の 3 つのカテゴリに分類できます。絶対的な長さの単位は、互いに固定されており、他の要素のサイズの変化によって変化しない長さの単位を表します。主に px、pc、pt、in、mm、cm が含まれます。

まず最初に、これらの長さの単位について簡単に紹介します。

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

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

.demo{  font-size: 40px; }

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

.demo{  font-size: 4pc; }

css pt 単位

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

.demo{  font-size: 40pt; }

css inunit

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

.demo{  font-size: 0.5in; }

css mm 単位

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

.demo{  font-size: 10mm; }

css cm 単位

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

.demo{  font-size: 1cm; }

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

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

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

px = pt * (96/72)

pt=px* (72/ 96 )

要約: 以上がこの記事の全内容です。皆さんの学習に役立つことを願っています。関連チュートリアルの詳細については、

CSS 基本ビデオ チュートリアル

、 CSS3 ビデオ チュートリアル 、bootstrap ビデオ チュートリアル をご覧ください。

以上がCSS の絶対長の主な単位は何ですか?絶対長さの単位を変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。