html中长度怎么表示？html中几种常见长度表示方法

html中长度如何表示？html中常见的长度表示方法有多少？本文的内容是关于html中长度的方法，希望对大家有所帮助。

以下是PCSS5为您总结网页中常见html单位的介绍，在csss中 p布局中长度单位介绍。

事实上，css中有8个长度单位，分别是px，em，pt，ex，pc，in，mm，cm；

px：像素（Pixel）,与设备的长度单位相比，像素与显示屏分辨率相比。例如，WONDOWS用户使用的分辨率一般为96像素/英寸。MAC用户使用的分辨率一般为72像素/英寸。
em：相对长度单位。与当前对象中文本的字体尺寸相比。如果当前文本的字体尺寸没有人工设置，则与浏览器的默认字体尺寸相比。
ex：相对长度单位。与字符相比，“字符”x“高度。这个高度通常是字体尺寸的一半。如果目前行内文本的字体尺寸没有人工设置，则与浏览器的默认字体尺寸相比。
pt：点（Point），绝对长度单位。
pc：派卡（Pica），绝对长度单位。相当于中国新四号铅字的大小。
in：英寸（Inch），绝对长度单位。
mm：毫米（Millimeter），绝对长度单位。
cm：厘米（Centimeter），绝对长度单位。

其中：1in = 2.54cm = 25.4 mm = 72pt = 6pc ；

我们经常用px作为容器大小的单位，大家都没有异议，字体大小（font-size）许多国内人使用px作为单位。事实上，使用px作为字体单位的唯一致命缺点是浏览器字体不能在IE下缩放。或者按住Ctrl 滚动鼠标中间的滚轮。

因此，很多人建议使用html em单位，对于习惯使用px的人来说，使用em绝对不是很方便，这里提供一些转换公式和对照表供您参考：

px to em:Example: 12px / 16px = .75em
px to %:Example: 12px / 16px * 100 = 75%
px to pt:Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
em to px:Example: .75em * 16px = 12px
em to %:Example: .75em * 100 = 75%
% to px:Example: 75 * 16px / 100 = 12px
% to em:Example: 75 / 100 = .75em
pt to px:Example: 12pt * 96ppi / 72ppi = 16px

最后PCSS5推荐使用PX像素为单位布局网页：

我个人认为，在IE下使用px作为字体单元不能使用浏览器字体缩放的缺点已经不那么重要了。因为新版ie7和ie8支持整个网页的缩放功能，包括火狐默认缩放整个网页，而不是css字体，所以简单缩放字体大小有什么意义？

请访问更多相关教程：http://www.php.cn/course/list/11.html

以上是如何表达html的长度？介绍了html中几种常见的长度表示方法。如果您想了解更多html教程，请关注AdminJS。

以上是html中长度如何表示？html中几种常见长度表示方法的详细内容，请关注AdminJS的其他相关文章！