css中长度单位px、em、pt的区别

一、长度单位px、em、pt的介绍

px    像素（Pixel）是相对长度单位，像素px是相对于显示器屏幕分辨率而言的

em     是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸。

pt     单位名称为点（Point），绝对长度单位一般老版本的table使用长度大小单位但是现在基本上没有使用。

 

二、长度单位实例

1、定义宽度：

Width:300px 宽度为300像素
Width:300pt 宽度为300点
Width:300em 宽度为300相对长度

2、对文字设置不同长度em px pt单位：

CSS代码：

.div-px{ font-size:12px}

.div-pt{ font-size:12pt}

.div-em{ font-size:2em}

 

 

文章转载自：   css长度单位px、em、pt      http://www.studyofnet.com/news/402.html