一个是设备坐标，一个是逻辑坐标，两者是不同的。px是个相对单位，一般像素的参考值为：在一个像素密度是90 pdi的显示器上，正常人从距离显示器28英寸处看一个像素的视角应该不小于0.0227度。1 px定义的在设置为大字体之后不会变；pt定义的会变2 px是相对单位，pt是绝对单位 ...

在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置，为什么偏偏是62.5%呢？这主要是为了方便em与px相互转换，em的初始值为1em=16px，显然这样的话，如1.2em则=19.2px，可是我们在设置的时候很少看见19.2px这样表示的大小，也就是在用px表示大小 ...

rem 的根标签是html 以html标签上设置的font-size的值为参考点 如： <div id="app"> 　　<div id="son></div> </div> html{ font-size:20px; } #app ...

pt与px转换关系为 1px= 0.75pt。 所以word中五号字体（10.5pt）在网页中对应的大小为font-size:14px。（10.5 / 0.75 = 14) 初号44pt 小初36pt 一号26pt 小一24pt 二号22pt 小二18pt 三号16pt 小三 ...

pt与px转换关系为 1px= 0.75pt。 所以word中五号字体（10.5pt）在网页中对应的大小为font-size:14px。（10.5 / 0.75 = 14) 初号44pt小初36pt一号26pt小一24pt二号22pt小二18pt三号16pt小三15pt四号14pt小四12pt ...

pt与px转换关系为 1px= 0.75pt。 所以word中五号字体（10.5pt）在网页中对应的大小为font-size:14px。（10.5 / 0.75 = 14) 初号44pt 小初36pt 一号26pt 小一24pt 二号22pt 小二18pt 三号16pt 小三 ...

看别人的代码看到过font-size:0这个设置，不明白为何这样操作，后来研究一下才明白：这是像素级还原设计稿很有用的设置，因为元素节点有文本节点，在缩进代码时会占据宽度，这么说不好理解，演示如下： html： css： 理论上box下面的三个div都是 ...

PX特点：px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。 EM特点 1. em的值并不是固定的；2. em会继承父级元素的字体大小。 优先级：！important>style（行内元素）>id>class>元素选择器 （在这个基础上，考虑 ...