css绝对长度单位主要有哪些？绝对长度单位之间如何换算？

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了css绝对长度单位主要有哪些？绝对长度单位之间如何换算？，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1533字，纯文字阅读大概需要3分钟。

内容图文

css中的长度单位有很多，可谓五花八门，但基本上可分为三大类：相对长度单位、绝对长度单位和可视区百分比长度单位。其中绝对长度单位表示：彼此固定长度，不会因为其他元素的尺寸变化而变化的长度单位，主要包括：px，pc，pt，in，mm，cm。

首先我们来简单介绍一下这些长度单位。

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）

总结：以上就是本篇文的全部内容，希望能对大家的学习有所帮助。更多相关教程请访问 CSS基础视频教程， CSS3视频教程，bootstrap视频教程！

以上就是css绝对长度单位主要有哪些？绝对长度单位之间如何换算？的详细内容，更多请关注Gxl网其它相关文章！

内容总结

以上是互联网集市为您收集整理的css绝对长度单位主要有哪些？绝对长度单位之间如何换算？全部内容，希望文章能够帮你解决css绝对长度单位主要有哪些？绝对长度单位之间如何换算？所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端