HTML px、em、pt の長さの単位

(*-*)浩
リリース: 2019-10-14 16:11:15
オリジナル
3220 人が閲覧しました

HTML px、em、pt の長さの単位

px 単位名はピクセル、相対的な長さの単位です。ピクセル (px) はモニター画面の解像度に相対的なものです。

em 単位名は相対的な長さの単位です。現在のオブジェクトのテキストのフォント サイズと比較すると、海外でより多く使用されています。(推奨学習: html チュートリアル )

pt 単位名は point (Point) で、古いバージョンでは絶対長さの単位が一般的に使用されており、テーブルでは長さサイズの単位が使用されていましたが、現在では基本的に使用されません。

html単位の簡単な説明:

Px ピクセル、相対的な長さの単位。

Pt ポイント; 絶対長単位

Em 相対長単位、em は html タグの「EM」とまったく同じスペルであり、ここでは em は次のように使用されます。別のテキスト単位。

1. 以前は、IE では px を単位としてフォント サイズを調整できませんでしたが、現在はほとんどの IE でサポートされており、px を単位として使用することが推奨されています。ほとんどの外国の Web サイトは調整できます。調整の理由は、フォント単位として em を使用しているためです。

3. Firefox は px と em を調整できますが、中国のネットユーザーの 96% 以上が IE ブラウザ (またはカーネル) を使用しています。 。

px ピクセル (ピクセル)。相対的な長さの単位。ピクセル px はモニター画面の解像度に相対しており、QQ スクリーンショットでも長さと幅の単位として PX が使用されます。

em は長さの相対単位です。現在のオブジェクト内のテキストに対する相対的なフォント サイズ。インライン テキストの現在のフォント サイズが手動で設定されていない場合は、ブラウザのデフォルトのフォント サイズを基準とします。

テキストの em px pt 単位で異なる長さを設定して効果を確認してください:

CSS コード:

.divcss-px{ font-size:12px} 
.divcss-pt{ font-size:12pt} 
.divcss-em{ font-size:2em}
ログイン後にコピー

HTML コード:

<div class="divcss-px">我是divcss1</div> 
<div class="divcss-pt">我是divcss2</div> 
<div class="divcss-em">我是divcss3</div>
ログイン後にコピー

以上がHTML px、em、pt の長さの単位の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート