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 倍。


为您推荐


amd_xata.sys法验证此文件数字签名进不了系统

amd_xata.sys法验证此文件数字签名进不了系统   这个错误发生成win7还原系统后造成的,我们重启进入安全模式后,禁用驱动模式进入系统,重新更新下驱动可解决!

127.0.0.1本地调试网站被QQ浏览器拦截显示 腾讯网址安全中心提醒您不安全

127.0.0.1本地调试网站被QQ浏览器拦截显示 腾讯网址安全中心提醒您不安全,然后无法访问网页内容,只有个安全上网和我要申诉! 这里先说明下这个问题造成的原因: 那是因为我们网上下载的源码带有恶意链接或者是病毒等,在本地IIS或者是phpstudy等环境下调试的时候,用了QQ浏览器来访问,这就诱发了QQ浏览器的云安全检测……

密码保护:荔枝fm音频下载保存方法

https://www.lizhi.fm/user/4415808   打开荔枝PC网站,随便点个用户,得到user后面的用户号   https://m.lizhi.fm/vod/194975789/2897313184336602630?u=5202782013552003116&platformid=wechat   手机分享出来的地址   u=5202782013552003116   这个就是用户号,替换到PC的user便可访问抓包

您的电脑/设备需要修复,未连接或无法访问所需设备,错误代码0xc000

开机按Esc或者其他什么键进入BIOS   再进入到boot   选择Add New Boot Option   进入到这个界面   在Add boot option随便起一个名字 在Path for boot option选择系统所在的盘   如果不知道哪个是C盘,就一个个打开试   如果出现以下菜单   说明选择对了   选择Windows/System32/……

windows无法连接到打印机 错误0x0000011b win10bug再现?

2021年9月17日开始发现win10系统的电脑局域网共享打印机报错,错误代码都是windows无法连接到打印机 错误0x0000011b。   之前我们知道这个错误是出现在微软kb500系列更新补丁中,但是这一次经我亲身体验,发现没有更新到KB500系列补丁的也遭遇了这个问题。   且我昨天还尝试了直接将电脑系统重装成windows 20h2……

华硕笔记本开机提示CPU Over Temperature Error解决方法 适用于华硕主板

华硕主板出现cpu over temperature error 提示不是说的cpu温度过高,而是说设置的cpu报警温度过低,假设设置成40度的话,那基本上一开机就会报警。 可以通过BIOS设置报警温度: 1、进入BIOS后,在左边一列找PC health,重点是health这个词; 2、在health中找到:cpu warning temp control cpu报警温度; 3、对这个温度进……

版权声明:

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