今头条！css绝对单位是什么

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

css长度单位可分为：相对长度单位和绝对长度单位。

(资料图片仅供参考)

相对单位

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设配相对长度更加适用。

单位	描述
em	它是描述相对于应用在当前元素的字体尺寸，所以它是相对长度单位。一般浏览器字体大小默认为16px，则2em == 32px
ex	依赖于英文字母小x的高度
ch	数字0的宽度
rem	rem是根(root em)的缩写，相对于根元素字体大小（相对的只是HTML根元素）；
vw	viewpoint width，视窗宽度，1vw = 视窗宽度的1%
vh	viewpoint height，视窗高度，1vh = 视窗高度的1%
vmin	vw和vh中较小的一个
vmax	vw和vh中较大的一个

绝对单位

绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）

css px单位---最经常使用的长度单位

px又名为：像素，是屏幕媒体（即在电脑屏幕上读取）固定大小的单元，是一个按角度度量的单位。一个像素等于电脑屏幕上的一个点 (即：屏幕分辨率的最小分割)，web页面可以精确按像素完美呈现的。我们看看如何设置，例：

.demo{  font-size: 40px; }

css pc单位

pc：派卡(Pica)，相当于我国新四号铅字的尺寸。

.demo{  font-size: 4pc; }

css pt单位

pt：点(Point)，绝对长度单位

.demo{  font-size: 40pt; }

css in单位

in：英寸（Inch），一个物理度量单位，但是在CSS领域，英寸只不过被直接映射成像素罢了。

.demo{  font-size: 0.5in; }

css mm单位

mm：毫米（Millimeter），是个小数量级的物理度量单位。

.demo{  font-size: 10mm; }

css cm单位

cm：厘米（Centimeter），对于世界上大多数的人来说，是比较熟悉有用的物理度量单位。在css中它也映射成像素。

.demo{  font-size: 1cm; }

扩展知识：

我们来看看这些长度单位是如何换算的：

1in = 2.54cm = 25.4 mm = 72pt = 6pc=96px

下面我们给出pt与px的相互转换的公式:

px = pt *（96/72）pt=px*（72/96）

（学习视频分享：web前端入门）

以上就是css绝对单位是什么的详细内容，更多请关注php中文网其它相关文章！