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



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

为您推荐


北京精雕软件 雕塑冲压,磨光,都看不见范围红圈了

雕塑冲压,磨光,都看不见范围红圈了,这个原因是精雕软件太老了,对独立显卡驱动不好友造成的,也就是显卡驱动不兼容!   解决方法,直接把独显禁用,精雕就正常了。

win10个性化背景图删除方法

HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Wallpapers 打开注册表,找到上面值里删除即可。

win11跳过联网激活方法

首次开机进入设置页面 ① 按 Shift+F10键,打开命令行程序(部分笔记本选按 Fn+shift+F10); ② 进命令行输入: oobe\bypassnro 然后敲击回车 (如果无法输入文字,需要鼠标点下窗口,才能输入!); ③ 电脑自动重启,再次进入联网界面,下面多出了“ 我没有Internet连接”选项,此时点击此选项,可继续进行后续设置。

win11添加共享打印机的时报0x000006ba错误解决方法

win11添加共享打印机的时候遇到0x000006ba错误怎么解决   运行 services.msc命令,注意这里的英文单词是services,结尾带s的。然后在弹出的服务列表里查看Print Spooler服务,这是有关打印机的服务。     点选Print Spooler服务,双击鼠标左键,在弹出的界面里,查看服务状态,出问题时,服务状态为已停止……

Win11推送KB5016691预览更新修复打印机BUG

微软为Win11推送了KB2016691预览版更新,在此次更新中,微软又一次修复了多个与打印机相关的Bug。   在安装补丁后,重新启动或安装打印机不再会出现故障;从Internet打印协议类驱动程序切换到独立硬件驱动程序后,也不再会进入错误模式;同时,此前阻止访问设备功能的双向通信问题也获得了解决。   除了打印机……

Win11打印机共享时提示709错误解决方法

方法一:卸载补丁   Win10 卸载有问题的补丁KB5006667或KB5006670;win11回退回退到旧版本。   方法二:文件替换   把系统win32spl.dll文件替换为就版本的即可。批处理文件见附件,找到对应的系统,右键以管理员身份运行就可以了。   方法三:不用卸载补丁方法   新建记事本文档,输入如下内容……

版权声明:

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