所属分类：web前端开发
在css中，绝对单位全称“绝对长度单位”，是一个固定的值，它反应一个真实的物理尺寸；绝对单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）。css绝对单位有cm（厘米）、mm（毫米）、in（英寸）、px（像素）、pt（点）、pc（派卡）。
前端（vue）入门到精通课程：进入学习
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API调试工具：点击使用
本教程操作环境：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中较大的一个 |
绝对单位
绝对长度单位是一个固定的值，它反应一个真实的物理尺寸。绝对长度单位视输出介质而定，不依赖于环境（显示器、分辨率、操作系统等）
| 单位 | 描述 |
|---|---|
| cm | 厘米 |
| mm | 毫米 |
| in | 英寸(1in= 96px = 2.54cm) |
| px | 像素 |
| pt | point (1pt = 1/72in) |
| pc | pica 大约12pt(1pc = 12pt) |
css px单位---最经常使用的长度单位
px又名为：像素，是屏幕媒体（即在电脑屏幕上读取）固定大小的单元，是一个按角度度量的单位。一个像素等于电脑屏幕上的一个点 (即：屏幕分辨率的最小分割)，web页面可以精确按像素完美呈现的。我们看看如何设置，例：
微博登录
QQ登录.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绝对单位是什么的详细内容，更多请关注zzsucai.com其它相关文章！
