CSS中px和pt的区别

html-css06

CSS中px和pt的区别,第1张

px是像素单位,屏幕设备物理上能显示出的最小的一个点,这个点不是固定宽度的,不同设备上点的长宽、比例有可能会不同。PX可以在计算机屏幕上,能达到预期的效果,在打印机和其它的高分辨率设备上,它又能取得所希望的效果.

pt是印刷业上常使用的单位,磅的意思.一般也用于页面打印排版.是一种固定长度的度量单位,是能够使用测量设备测得的长度.绝对单位作用有限,因为它们不能够缩放,通常只用在已经知道 是用在那种输出媒体的情况下才使用.

在写css的时候最常用的长度单位是px(像素),经常看到的还有em,pt等等,其实css中的长度单位一共有8个,分别是px,em,pt,ex, pc ,in,mm,cm。

1、px:像素(Pixel),相对于设备的长度单位,像素是相对于 显示器 屏幕分辨率而言的。

譬如,WONDOWS的用户所使用的分辨率一般是96像素/英寸。而 MAC 的用户所使用的分辨率一般是72像素/英寸。

2、em:相对长度单位。相对于当前对象内文本的字体尺寸。

如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸(rem:相对长度单位。相对于根元素(即html元素)font-size计算值的倍数)

em相对于父元素,rem相对于根元素。

如当前行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

3、pt:点(Point),绝对长度单位。

4、ex:相对长度单位。相对于字符“x”的高度。此高度通常为字体尺寸的一半。

如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。

5、pc:派卡(Pica),绝对长度单位。相当于我国新四号铅字的尺寸。

6、in:英寸(Inch),绝对长度单位。

7、mm:毫米(Millimeter),绝对长度单位。

8、cm:厘米(Centimeter),绝对长度单位。

字体大小的设置单位,常用的有2种:px、pt。这两个有什么区别呢?

先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点;

pt就是point,是印刷行业常用单位,等于1/72英寸。

这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。

pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的说法是一个专用的印刷单位“磅”,大小为1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。

因此就有这样的说法,pixel是相对大小,而point是绝对大小。