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

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

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

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

PX和PT转换的公式:

以前在文章中介绍过PX和PT的转换规则,其实很简单,pt=px乘以3/4。

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

PX和em转换的公式:

对于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

(附公式:px = pt * DPI / 72)

最新文章

  1. RDIFramework.NET — 基于.NET的快速信息化系统开发框架 — 系列目录
  2. 移除project,testsuite,testcase级别所有的custom properties
  3. C#为什么不采用多继承:
  4. Oracle 流复制实践笔记
  5. C++中各种容器的类型与特点
  6. Editplus 正则表达式 删除含有指定字符串的行 删除注释
  7. SQLITE 时间字段操作函数
  8. Yii 框架生成缩略图
  9. Educational Codeforces Round 7 B. The Time 水题
  10. 【HDOJ】2896 病毒侵袭
  11. CSS从大图中抠取小图完整教程(background-position应用) (转)
  12. 3D-HEVC/HTM测试序列下载地址(官方完整版)
  13. quagga源码分析--内核通信netlink
  14. 自己动手封装一个url参数解释器( ghostWuUrlParser.js )
  15. freemarker中的if...elseif...else语句
  16. 【爆料】-《伯明翰大学学院毕业证书》UCB一模一样原件
  17. MyPython
  18. 如何用jquery获取form表单的值
  19. python笔记---需求文件requirements.txt的创建及使用
  20. CVE-2017-16995 漏洞利用

热门文章

  1. phpExcel导出大量数据出现内存溢出错误的解决方法
  2. ubuntu16.04下编译安装OpenCV
  3. 基于Linux/C++简单线程池的实现
  4. trigger事件就是继承某一个类的事件.
  5. 如何在IE11中设置兼容模式?设置的具体方法
  6. JS 封装一个显示时间的函数
  7. 复习MySQL①创建数据库及数据表
  8. Vue学习之路第十九篇:按键修饰符的使用
  9. python 操作jenkins 常用api
  10. MVC基于Struts2的CRUD,java+bean+struts