文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

css绝对单位指的是什么

2024-04-02 19:55

关注

这篇文章主要讲解了“css绝对单位指的是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css绝对单位指的是什么”吧!

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

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

css长度单位可分为:相对长度单位 和 绝对长度单位。

相对单位

相对长度单位指定了一个长度相对于另一个长度的属性。对于不同的设配相对长度更加适用。

单位描述
em它是描述相对于应用在当前元素的字体尺寸,所以它是相对长度单位。一般浏览器字体大小默认为16px,则2em == 32px
ex依赖于英文字母小x的高度
ch数字0的宽度
remrem是根(root em)的缩写,相对于根元素字体大小(相对的只是HTML根元素);
vwviewpoint width,视窗宽度,1vw = 视窗宽度的1%
vhviewpoint height,视窗高度,1vh = 视窗高度的1%
vminvw和vh中较小的一个
vmaxvw和vh中较大的一个

绝对单位

绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)

单位描述
cm厘米
mm毫米
in英寸(1in= 96px = 2.54cm)
px像素
ptpoint (1pt = 1/72in)
pcpica 大约12pt(1pc = 12pt)

css px单位---最经常使用的长度单位

px又名为:像素,是屏幕媒体(即在电脑屏幕上读取)固定大小的单元,是一个按角度度量的单位。一个像素等于电脑屏幕上的一个点 (即:屏幕分辨率的最小分割),web页面可以精确按像素完美呈现的。我们看看如何设置,例:

.demo{  font-size: 40px; }

css绝对单位指的是什么

css pc单位

pc:派卡(Pica),相当于我国新四号铅字的尺寸。

.demo{  font-size: 4pc; }

css绝对单位指的是什么

css pt单位

pt:点(Point),绝对长度单位

.demo{  font-size: 40pt; }

css绝对单位指的是什么

css in单位

in:英寸(Inch),一个物理度量单位,但是在CSS领域,英寸只不过被直接映射成像素罢了。

.demo{  font-size: 0.5in; }

css绝对单位指的是什么

css mm单位

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

.demo{  font-size: 10mm; }

css绝对单位指的是什么

css cm单位

cm:厘米(Centimeter),对于世界上大多数的人来说,是比较熟悉有用的物理度量单位。在css中它也映射成像素。

.demo{  font-size: 1cm; }

css绝对单位指的是什么

扩展知识:

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

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

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

px = pt *(96/72)
pt=px*(72/96)

感谢各位的阅读,以上就是“css绝对单位指的是什么”的内容了,经过本文的学习后,相信大家对css绝对单位指的是什么这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是编程网,小编将为大家推送更多相关知识点的文章,欢迎关注!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-前端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯