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

互联网 18-10-17
本篇文章就给大家介绍css长度单位中绝对长度单位主要有哪些,它们之间是怎么换算的。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。

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单位

.demo{  font-size: 0.5in; }

css mm单位

mm:毫米(Millimeter),是个小数量级的物理度量单位。

.demo{  font-size: 10mm; }

css cm单位

.demo{  font-size: 1cm; }

然后,我们来看看这些长度单位是如何换算的:

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

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

px = pt *(96/72)

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

以上就是css绝对长度单位主要有哪些?绝对长度单位之间如何换算?的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
标签: pt
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:css中grid属性的用法介绍(代码)

相关资讯