首页前端开发其他前端知识CSS中绝对单位反应什么,怎样分类

CSS中绝对单位反应什么,怎样分类

时间2024-03-25 08:18:03发布访客分类其他前端知识浏览965
导读:这篇文章主要介绍了title,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望大家通过这篇文章可以有所收获。 在css中,绝对单位全称“绝对长度单位”,是一个固定的值,它反应一个真实的物理尺寸;绝对单位视...
这篇文章主要介绍了title,小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望大家通过这篇文章可以有所收获。


在css中,绝对单位全称“绝对长度单位”,是一个固定的值,它反应一个真实的物理尺寸;绝对单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。css绝对单位有cm(厘米)、mm(毫米)、in(英寸)、px(像素)、pt(点)、pc(派卡)。

如何快速入门VUE3.0:进入学习

本教程操作环境: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页面可以精确按像素完美呈现的。我们看看如何设置,例:

.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中绝对单位反应什么,怎样分类”的介绍了,感谢各位的阅读,希望文本对大家有所帮助。如果想要了解更多知识,欢迎关注网络,小编每天都会为大家更新不同的知识。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

css

若转载请注明出处: CSS中绝对单位反应什么,怎样分类
本文地址: https://pptw.com/jishu/652654.html
PHP数组判断元素不是空格的方法是什么 PHP实现WebSocket怎样做,有哪些要点

游客 回复需填写必要信息