ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLで長さを表現するにはどうすればいいでしょうか? HTML におけるいくつかの一般的な長さ表現方法
#HTML で長さを表現するにはどうすればよいですか? HTML における一般的な長さの表現方法にはどのようなものがありますか?この記事では HTML 中長メソッドに関する内容をお届けします。少しでもお役に立てれば幸いです。
以下は、Web ページにおける一般的な HTML 単位の pCSS5 の導入と、css p レイアウトにおける長さの単位の導入の概要です。
実際、CSS には px、em、pt、ex、pc、in、mm、cm という 8 つの長さ単位があります。
px: ピクセル (ピクセル)、デバイスの長さの単位に相対し、ピクセルは表示画面の解像度に相対します。たとえば、WONDOWS ユーザーが使用する解像度は通常 96 ピクセル/インチです。 MAC ユーザーが使用する解像度は通常 72 ピクセル/インチです。
em: 相対的な長さの単位。現在のオブジェクト内のテキストに対する相対的なフォント サイズ。現在のインライン テキストのフォント サイズが手動で設定されていない場合、ブラウザのデフォルトのフォント サイズを基準とします。
ex: 相対的な長さの単位。文字「x」を基準とした高さ。通常、この高さはフォント サイズの半分です。インライン テキストの現在のフォント サイズが手動で設定されていない場合は、ブラウザのデフォルトのフォント サイズを基準とします。
pt: ポイント、長さの絶対単位。
pc: パイカ、長さの絶対単位。我が国の新4号型と同等の大きさです。
in: インチ、長さの絶対単位。
mm: ミリメートル、長さの絶対単位。
cm: センチメートル、長さの絶対単位。
そのうち: 1in = 2.54cm = 25.4 mm = 72pt = 6pc;
コンテナのサイズの単位として px がよく使用されますが、フォント サイズについては誰もが異論はありません。 (font-size) は国内では多くの人が単位として px を使用していますが、実は、フォントの単位として px を使用する唯一の致命的な欠点は、IE ではブラウザのフォント スケーリング機能が使用できないことです。または、Ctrl キーを押したままマウスの中央のホイールをスクロールします。
非常に多くの人が HTML em 単位の使用を推奨していますが、px の使用に慣れている人にとって、em を使用するのは決して便利ではありません。参考までに、いくつかの変換式と比較表を示します。 ##px から em :例: 12px / 16px = .75em
px から %:例: 12px / 16px * 100 = 75%px から pt:例: 16px * 72 (72 ポイント = 1 インチ) / 96 (Windows では 96 ピクセル/インチ、Mac では 72) = 12pt
em から px:例: .75em * 16px = 12px
em から %:例: .75em * 100 = 75%
% から px:例: 75 * 16px / 100 = 12px
% から em:例: 75 / 100 = .75em
pt から px:例: 12pt * 96ppi / 72ppi = 16px
EMs | パーセント | ポイント | |
---|---|---|---|
0.375em | 37.5% | 5pt | |
0.438em | 43.8% | 5pt | |
0.5em | 50% | 6pt | # 9px |
56.3% | 7pt | ##10px | |
62.5% | 8pt | 11px | |
68.8% | 8pt | 12px | |
75% | 9pt | 13px | |
81.3% | 10pt | ##14px | 0.875em |
11pt | 15px | 0.938em | |
11pt | 16px | 1em | |
12pt | ##17px | 1.063em | |
13pt | 18px | 1.125em | |
14pt | 19px | 1.188em | |
14pt | 20px | 1.25 em | #125%|
21px | 1.313em | 131.3% | |
22px | 1.375em | 137.5% | |
#23px | 1.438em | 143.8% | |
24px | 1.5em | 150% | |
最後に pCSS5 | RecommendationPX ピクセル |
その他の関連チュートリアルについては、次のサイトをご覧ください:http://www.php.cn/course/list/11.html
上記はHTMLで長さを表現するにはどうすればよいですか? HTML におけるいくつかの一般的な長さ表現方法の完全な紹介 HTML チュートリアルについて詳しく知りたい場合は、PHP 中国語 Web サイトに注目してください。以上がHTMLで長さを表現するにはどうすればいいでしょうか? HTML におけるいくつかの一般的な長さ表現方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。