Html字体大小的设置单位PT与PX区别

Html字体大小的设置单位PT与PX区别 



字体大小的设置单位,常用的有2种:px、pt。

基本概念:

px:pixel,像素,屏幕上显示的最小单位,用于网页设计,直观方便;

pt:point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;

em:即%,在CSS中,1em=100%,是一个比率,结合CSS继承关系使用,具有灵活性。

PPI(DPI):pixel(dot)per inch,每英寸的像素(点)数,是一个率,表示了“清晰度”,“精度”



PXPT转换的公式:

pt=px乘以3/4。

比如:12px×3/4=9pt大小。

PXem转换的公式:

对于PX转em的方法也类似,就是em=16乘以px,

也就是说1.5em=1.5×16=24px。



设计中常用PX/EM/PT/百分比转换表格


Pixels


EMs


Percent


Points


6px


0.375em


37.50%


5pt


7px


0.438em


43.80%


5.5pt


8px


0.5em


50%


6pt


9px


0.563em


56.30%


7pt


10px


0.625em


62.50%


8pt


11px


0.688em


68.80%


8pt


12px


0.75em


75%


9pt


13px


0.813em


81.30%


10pt


14px


0.875em


87.50%


11pt


15px


0.938em


93.80%


11pt


16px


1em


100%


12pt


17px


1.063em


106.30%


13pt


18px


1.125em


112.50%


14pt


19px


1.188em


118.80%


14pt


20px


1.25em


125%


15pt


21px


1.313em


131.30%


16pt


22px


1.375em


137.50%


17pt


23px


1.438em


143.80%


17pt


24px


1.5em


150%


18pt



字号 磅数 毫米

八号 5磅 1.84

七号 5.5磅 2.12

小六号 6.5磅 2.45

六号 7.5磅 2.81

小五号 9磅 3.15

五号 10.5磅 3.70

小四号 12磅 4.25

四号 14磅 4.93

小三号 15磅 5.23

三号 16磅 5.55

小二号 18磅 6.37

二号 22磅 7.80

小一号 24磅 8.42

一号 26磅 9.66

小初号 36磅 11.1

初号 42磅 12.7

时间: 2024-12-18 06:48:39

Html字体大小的设置单位PT与PX区别的相关文章

PT与PX区别

字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:pt就是point,是印刷行业常用单位,等于1/72英寸.这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个"点"有多长多大么?可以画的很小,也可以很大.如果点很小,那画面就清晰,我们称它为"分辨率高",反之,就是"分辨率低".所以,"点"的大小是会"变"

sublime中侧边栏字体大小的设置

sublime这个编辑器相当强大,但是它的侧边栏字体实在是太小了,实在是反人类的设计,幸好它给了我们修改的机会 第一步:下载PackageResourceViewer插件,通过PackageController下载是最方便的 第二步:点击菜单栏的工具按钮,然后点击工具按钮下的命令面板 第三布:在弹出的命令面板中输入PackageResourceViewer:Open,按下回车 ,按下回车 第五步:输入default.sublime-theme,按下回车,进入default.sublime-the

Android Studio 主题、字体大小的设置

1. Android Studio 主题的设置: 设置Android Studio 自带的主题 设置第三方主题 2. Android Studio 字体的设置 设置左面包名的字体大小 设置右面代码编辑界面字体大小 1.1 设置Android Studio 自带的主题及包名字体大小:  1.2 导入第三方主题: http://www.ideacolorthemes.org/themes/ 从这里下载第三方的主题,然后执行: File——>Import Settings——>下载jar包所在位置

弹框(AlertDialog)和提示信息Toast字体大小颜色设置

一.AlertDialog: AlertDialog.Builder builder = new AlertDialog.Builder(getActivity()); builder.setTitle("温馨提示"); builder.setMessage("是否进行下一个病人?"); builder.setPositiveButton("是", new DialogInterface.OnClickListener() { @Override

移动端字体大小随设置变化

function fixRem(){ var windowWidth = document.documentElement.clientWidth || window.innerWidth || document.body.clientWidth; windowWidth = windowWidth > 640 ? 640 : windowWidth; var rootSize = 20 * ( windowWidth / 320); var htmlNode = document.getEle

字体大小

字号  <-> 磅(pt) <-> 像素(px) pt和px的换算公式可以根据pt的定义得出:  pt=1/72(英寸), px=1/dpi(英寸) 因此 pt=px*72/dpi  以Windows下的96dpi来计算, pt=px*72/96=px*3/4 px是像素单位,em是相对单位,pt是绝对单位. em的优点很多,比如在一个页面上,你给定了一个父元素的字体大小,这样就可以通过调整一个元素来成比例的改变所有元素大小.它可以自由缩放,比如用来制作可伸缩的样式表. 在网页设计

PT与PX,em(%)区别

字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢?先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点:pt就是point,是印刷行业常用单位,等于1/72英寸.这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大.如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”.所以,“点”的大小是会“变”的,也称为“相对长度”.pt全称为point,但中文不叫“点”,查金山词霸可以看到,确切的

PT和PX是什么鬼?

我相信很多人都不知道PT和PX到底是什么东西吧,今天在网上找到了一个这样的文章,刚好写的是这个东西,就收藏起来 字体大小的设置单位,常用的有2种:px.pt.这两个有什么区别呢? 先搞清基本概念:px就是表示pixel,像素,是屏幕上显示数据的最基本的点: pt就是point,是印刷行业常用单位,等于1/72英寸. 这样很明白,px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大.如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”.

13.plsql 设置字体大小:

设置编辑器的字体大小: 设置行号的大小: 来自为知笔记(Wiz)