html 不是一种编程语言, 而是一种标记语言 (markup language), 是网页制作所必备的."超文本" 就是指页面内可以包含图片, 链接, 甚至音乐, 程序等非文字元素.
px,em,pt 之间的区别:
一, 代表单位不同.
px 代表的是像素单位, em 代表的是相对单位, pt 代表的是绝对单位.
二, 单位长度不同
pt 是 72 分之一英寸, px 是数字化图像长度单位, em 是字符宽度的倍数.
下面我们来看一下 HTML 中的长度单位 px,em,pt.
pt (point, 磅): 是一个物理长度单位, 指的是 72 分之一英寸.
px (pixel, 像素): 是一个虚拟长度单位, 是计算机系统的数字化图像长度单位, 如果 px 要换算成物理长度, 需要指定精度 DPI(Dots Per Inch, 每英寸像素数), 在扫描打印时一般都有 DPI 可选. Windows 系统默认是 96dpi,Apple 系统默认是 72dpi.
em(相对长度单位, 相对于当前对象内文本的字体尺寸): 是一个相对长度单位, 最初是指字母 M 的宽度, 故名 em. 现指的是字符宽度的倍数, 用法类似百分比, 如: 0.8em, 1.2em,2em 等. 通常 1em=16px.
HTML 单位简短介绍:
Px 像素 Pixel; 相对长度单位.
Pt 点 (Point); 绝对长度单位
Em 相对长度单位, 这里 em 与 HTML <em > 标签的 "EM" 拼写完全相同, 而这里 em 作为单独文本单位.
单位换算:
任意浏览器的默认字体高度 16px(16 像素). 所有未经调整的浏览器都符合: 1em=16px. 那么 12px=0.75em,10px=0.625em.
为了简化 font-size 的换算, 需要在 CSS 中的 body 选择器中声明 font-size=62.5%, 这就使 em 值变为 16px*62.5%=10px, 这样 12px=1.2em, 10px=1em, 也就是说只需要将你的原来的 px 数值除以 10, 然后换上 em 作为单位就行了.
来源: http://www.css88.com/qa/html5/11546.html