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


为您推荐


excel 2007文件双击打不开 只能从打开中打开解决方法

快捷方式点右键->兼容性->以兼容模式运行这个程序前的钩去掉。   如果没有用兼容性,直接打开excel后,照下面操作即可解决!   打开excel->excel选项->高级->常规->忽略使用动态数据交换(DDE)的其他应用程序前的钩去掉。

virtual box安装目录在哪

c盘prograam目录下的dnplayerext

windows10卡在谁将会使用这台电脑 无法输入用户名

1、在这个界面按下shift+f10快捷键,此时会出现一个命令提示符;   2、在命令窗口输入:taskmgr打开任务管理器   3、找到并结束Microsoft ime进程;   4、win+u打开屏幕键盘,用屏幕键盘输入创建一个帐号。 或者是回到命令窗口中输入osk回车    

亲测有效 重装微软商店方法

开始,运行输入powershell 弹出管理员命令提示符,粘贴以下命令到窗口中回车运行(注:复制时鼠标全选命令,再右键单击选择“复制”选项,选中管理员命令提示符,按下鼠标右键即可粘贴成功);     Get-AppxPackage -AllUsers| Foreach {Add-AppxPackage -DisableDevelopmentMode -Register "$($_.InstallLocatio……

windows 10应用商店缓存清除方法

1、按Windows键+ R键 打开运行框;   2、在运行窗口中,键入 WSReset.exe并点击“ 确定 ” 按钮;   此时会重置商店,重置完成后重新更新查看问题是否解决,日问题依旧则继续往下看:   3、在开始单击右键,选择Windows Powershell(管理员)或在小娜搜索 Powershell,在Windows Powershell上单击右键选择【……

去除win10此电脑中硬盘带锁带黄色感叹号方法

cmd管理员方式   运行: manage-bde -off c:   就可以解密c盘,   成为bitlocker关闭状态,该指令在后台解密,需要一定时间才完成   查的解密进度   manage-bde -status d:

版权声明:

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