css绝对长度单位主要有哪些?绝对长度单位之间如何换算?
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了css绝对长度单位主要有哪些?绝对长度单位之间如何换算?,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含1607字,纯文字阅读大概需要3分钟。
内容图文
![css绝对长度单位主要有哪些?绝对长度单位之间如何换算?](/upload/InfoBanner/zyjiaocheng/418/dfba36f929dd47079148e8757a5d0986.jpg)
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绝对长度单位主要有哪些?绝对长度单位之间如何换算?的详细内容。
内容总结
以上是互联网集市为您收集整理的css绝对长度单位主要有哪些?绝对长度单位之间如何换算?全部内容,希望文章能够帮你解决css绝对长度单位主要有哪些?绝对长度单位之间如何换算?所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。