CSS单位相关知识

CSS单位相关知识

日期:2021年8月5日 下午9:23 分类:HTML5前端

一、了解 CSS 单位

 

测量长度的单位可以是绝对的,例如像素,点等,也可以是相对的,例如百分比(%)和 em 单位。

 

指定 CSS 单位对于非零值是必须的,因为没有默认单位。丢失或忽略单位将被视为错误。但是,如果该值为 0,则可以省略该单位(毕竟,零像素与零英寸是一样的)。

 

注意: 长度是指距离测量。长度包括数字值,后面加单位,比如 10px、2em、50% 等。数字和单位之间不能出现空白。

 

二、相对长度单位

 

相对长度单位指定相对于另一个长度属性的长度。相对单位是 描述 :em当前的字体大小 。

 

ex :当前字体的 x 高度 。

 

em 和 ex 单位取决于套用至元素的字体大小。

 

1. 使用 em 单位

 

em 的值等于使用它的元素的 font-size 属性的计算值。它可用于垂直或水平测量。

 

例如,如果 font-size 元素设置为 16px,并且 line-height 设置为 2.5em,则 line-height像素计算值为:2.5 x 16px = 40px。

 

P { font-size: 16px; line-height: 2.5em;}

 

运行效果

当在 font-size 属性本身的值中指定 em 时会发生异常,在这种情况下,它引用父元素的字体大小。

因此,当我们用 em 指定字体大小时,1em 继承自 font-size。因此, font-size: 1.2em; 使文本比父元素的文本大 1.2 倍。



点这里获得人工在线支持,快速解决电脑、网络和网站等问题!

为您推荐


win11添加日语输入法方法

1、点击开始菜单,在搜索栏里输入【语言设置】,打开后快速定位到添加语言的地方。   2、点击【添加语言】。   3、输入【日语】快速找到,点击它,然后点【下一页】。   4、勾选你需要的功能,再点【安装】。   5、最后就是等待安装完成啦。点右侧三个点可以将日语上移成首选语言或进行删除。  ……

win11创建虚拟磁盘方法

1、右键点击【此电脑】,在打开的菜单项中,选择【管理】。 2、计算机管理窗口中,先点击存储下的【磁盘管理】,再点击顶部工具栏【操作】,在打开的下拉菜单项中,选择【创建 VHD】。 3、创建和附加虚拟硬盘窗口中,对【位置/虚拟硬盘大小/虚拟硬盘类型】参数进行设置。 虚拟硬盘格式设置项 1).vhd 格式的虚拟硬盘对Win……

win11显示字体不全解决方法

1、首先,按键盘上的【 Win + X 】组合键,或右键点击任务栏上的【Windows徽标】,在打开的隐藏菜单项中,选择【设置】;   2、Windows 设置窗口,左侧边栏,点击【应用】,右侧点击【可选功能(你的设备的额外功能)】;   3、当前路径为:应用>可选功能,点击添加可选功能旁的【查看功能】;   4、添……

微软 Win11 Build 22000.739(KB5014697)正式版发布

微软已发布适用于 Windows 11 的最新星期二补丁更新。此更新标记为 KB501469,包括一些安全改进。它还为服务堆栈带来了更多质量改进,以确保可靠的更新。另外,此更新还存在与 .NET Framework 3.5 相关的已知问题,但微软已经概述了一种解决方法。 微软 Win11 Build 22000.739(KB5014697)正式版发布 改进 此安全更新包……

微软发布Win11轻量级系统Validation OS

微软近期悄然发布了一款新的轻量级 Windows 11 版本。但是,这款新的轻量级操作系统并不适合普通用户。该系统基于命令行,并被称为“Microsoft Validation OS”,专为硬件或软件供应商、开发人员和技术人员设计,以帮助诊断和缓解问题。   “Microsoft Validation OS 是一款轻量级、快速且可自定义的基于 Windows 11 的……

windows下更改桌面存放文件位置方法

1、点开电脑桌面左上角的用户文件夹/或者超级用户,找到桌面文件夹   2、右键属性-位置-找到下面的移动   3、点击移动-选择自己要存放的盘符文件夹就可以了

版权声明:

fm0898.com小部分文章引用或者参考了网络上传播的部分开源开放代码,我站采用的这部分代码仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请 联系我们并出示版权证明以便删除 !