Web ページのフォント サイズを定義する一般的な単位は、px、em、pt の 3 つです
px
px はピクセルの略で、Web の閲覧プロセス中に、テキスト、ピクセルに基づく単位です。画面上の写真などは解像度によって変わります。幅 100px の画像は、解像度 800×600 では画面幅の 1/8 しか占めません。解像度 1024×768 で 10 枚。したがって、フォントサイズを定義するときにピクセルを単位として使用すると、ユーザーが表示解像度を 800 から 1024 に変更すると、ユーザーが実際に見る文字が「小さく」(自然長単位)なり、不鮮明になる場合があります。 、ブラウズに影響します。
em
em: つまり、% は相対単位であり、長さの相対単位です。もともと文字 M の幅を指すため、em という名前が付けられています。現在は文字幅の倍数を指し、その使用法は 0.8em、1.2em、2em などのパーセンテージに似ています。通常は 1em=16px です。 、長さ (要素の余白やパディングなど) を測定するために一般的に使用される汎用単位で、フォント サイズを指定するために使用される場合、em 単位は親要素のフォント サイズを指します。
ページ上の親要素のフォント サイズを考慮して、1 つの要素を調整することですべての要素のサイズを比例的に変更できます。スケーラブルなスタイル シートの作成などに使用されます。
pt
PTとはポイント(ポンド)の略で、1/72インチの大きさの固定長さの測定単位です。 Web 上のテキストの単位として pt を使用すると、異なる画面でフォント サイズが同じ (同じ解像度) になり、組版に影響が出る可能性がありますが、Word で pt を使用すると非常に便利です。 Wordを使用する主な目的は画面閲覧ではなく、出力・印刷だからです。エンティティに印刷する場合、pt は自然な長さの単位として便利で実用的です。たとえば、Word の通常の文書では「Song font 9pt」が使用され、タイトルでは「Helvetica 16pt」が使用されます。コンピュータの設定に関係なく、pt は使用されます。印刷するときは常にこの大きさになります。
変換
ブラウザのデフォルトのフォント高さは 16px であるため、調整されていないブラウザでは 1em=16px、つまり 1px=0.0625em と表示されます。 font-size の変換を簡略化するために、CSS の本文で font-size=62.5% をグローバルに宣言できます。これは、デフォルトのフォント サイズが 16px*0.625=10px として定義されることを意味します。子要素はフォント サイズを継承します。親要素の 1em=10px、つまり 12px=1.2em。 px と em の間の変換は 10 を通じて取得できます。ただし、font-size=0.625em を定義したり、12px を直接定義しても効果はありません
さらに、IE が中国語の文字を処理する場合、浮動小数点値の精度は制限されます。上記の方法 (1.2em) IE の中国語文字は、12px で直接定義されたフォント サイズと等しくありませんが、わずかに大きくなります。 62.5% を 63% に置き換えるだけです。
ptとpxの変換式も比較的単純で、pt=px×3/4です。
以上がHtml のフォント サイズ単位 px、em、pt の具体的な分析の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

本篇文章带大家了解一下HTML(超文本标记语言),介绍一下HTML的本质,HTML文档的结构、HTML文档的基本标签和图像标签、列表、表格标签、媒体元素、表单,希望对大家有所帮助!

不算。html是一种用来告知浏览器如何组织页面的标记语言,而CSS是一种用来表现HTML或XML等文件样式的样式设计语言;html和css不具备很强的逻辑性和流程控制功能,缺乏灵活性,且html和css不能按照人类的设计对一件工作进行重复的循环,直至得到让人类满意的答案。

总结了一些web前端面试(笔试)题分享给大家,本篇文章就先给大家分享HTML部分的笔试题(附答案),大家可以自己做做,看看能答对几个!

HTML5中画布标签是“<canvas>”。canvas标签用于图形的绘制,它只是一个矩形的图形容器,绘制图形必须通过脚本(通常是JavaScript)来完成;开发者可利用多种js方法来在canvas中绘制路径、盒、圆、字符以及添加图像等。

html5废弃了dir列表标签。dir标签被用来定义目录列表,一般和li标签配合使用,在dir标签对中通过li标签来设置列表项,语法“<dir><li>列表项值</li>...</dir>”。HTML5已经不支持dir,可使用ul标签取代。

在html中,document是文档对象的意思,代表浏览器窗口的文档;document对象是window对象的子对象,所以可通过“window.document”属性对其进行访问,每个载入浏览器的HTML文档都会成为Document对象。

html5支持boolean值属性;boolean值属性指是属性值为true或者false的属性,如input元素中的disabled属性,不使用该属性表示值为flase,不禁用元素,使用该属性可以不设置属性值表示值为true,禁用元素。


ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

Safe Exam Browser
Safe Exam Browser は、オンライン試験を安全に受験するための安全なブラウザ環境です。このソフトウェアは、あらゆるコンピュータを安全なワークステーションに変えます。あらゆるユーティリティへのアクセスを制御し、学生が無許可のリソースを使用するのを防ぎます。

DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、

SublimeText3 英語版
推奨: Win バージョン、コードプロンプトをサポート!

EditPlus 中国語クラック版
サイズが小さく、構文の強調表示、コード プロンプト機能はサポートされていません

SublimeText3 Linux 新バージョン
SublimeText3 Linux 最新バージョン
