html中em是什么单位(em值是什么意思)

技术css3中em指的是什么单位小编给大家分享一下css3中em指的是什么单位,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧! 在css3中,em是一个相对长度单位,相对于当前

边肖将与你分享在css3中em指的是什么单位。希望大家看完这篇文章后有所收获。我们一起讨论一下吧!

在css3中,em是相对长度单位,相对于当前对象中文本的字体大小,即由font-size设置的大小;如果内联文本的当前字体大小不是人为设置的,则它是相对于浏览器的默认字体大小的。

本教程操作环境:windows7系统,CSS3HTML5第5版,戴尔G3电脑。

00-1010em是相对长度单位,相对于当前对象中文本的字体大小,即由font-size设置的大小。它的单位长度是根据元素文本的垂直长度确定的。

如果目前还没有人为设置内嵌文本的字体大小,那就找父级的字体大小;如果没有父项或者没有设置父项的字体大小,则相对于浏览器的默认字体大小(16px)。

例如1:默认状态下直接给内部p宽高10em

CSS em单位

!DOCTYPEhtml

超文本标记语言

metachartset=' UTF-8 '

元名称=“视口”内容=“宽度=设备宽度,初始比例=1.0”

标题范例01/标题

风格

#app{

宽度:10毫米;

高度:10毫米;

背景色:浓汤;

}

/style

/head

身体

divid='app'/div

/body

/htmlInspect 截图如下:

css3中em指的是什么单位

如你所见,我们给#app p的宽度和高度都是10em。渲染后,它们的宽度和高度都是160px。这个尺寸正好是16px的10倍。

这个大小正好是浏览器默认字体大小的16px。

Examp-01 源码

!DOCTYPEhtml

超文本标记语言

metachartset=' UTF-8 '

元名称=“视口”内容=“宽度=设备宽度,初始比例=1.0”

标题范例01/标题

风格

#app{

font-size :12 px;

宽度:10毫米;

高度:10毫米;

背景色:浓汤;

}

/style

/head

身体

divid='app'/div

/body

/htmlInspect 截图:

css3中em指的是什么单位

这两个例子就够了。

看完这篇文章,相信大家对“css3中em是什么单位”有了一定的了解。想了解更多,请关注行业资讯频道,感谢阅读!

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/152580.html

(0)

相关推荐

  • selenium的异常:ElementClickInterceptedException

    技术selenium的异常:ElementClickInterceptedException selenium的异常:ElementClickInterceptedException报错信息如下:大致意

    礼包 2021年11月30日
  • 关于安全的手抄报,四年级关于安全手抄报的内容

    技术关于安全的手抄报,四年级关于安全手抄报的内容安全”这根弦时刻都不能放松。每个人都渴望有一个幸福、温馨的家庭,每个人都希望有一个健康的身体,每个人都希望快乐地生活,然而,各种安全事故却时有发生,给许多人带来了极大的痛苦

    生活 2021年10月25日
  • Pycharm怎么安装PyQt5

    技术Pycharm怎么安装PyQt5本篇内容主要讲解“Pycharm怎么安装PyQt5”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Pycharm怎么安装PyQt5”吧!1.

    攻略 2021年12月8日
  • 如何理解Mysql Replication

    技术如何理解Mysql Replication如何理解Mysql Replication,很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。Mys

    攻略 2021年11月20日
  • vue权限控制按钮显示隐藏(vue按钮级别权限控制)

    技术vue按钮怎么实现权限控制这篇文章主要讲解了“vue按钮怎么实现权限控制”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“vue按钮怎么实现权限控制”吧!一、步骤1.定义

    攻略 2021年12月23日
  • 威力登激光雷达连接报套接字绑定失败该怎么办

    技术velodyne lidar连接报socket bind failed该怎么办今天就跟大家聊聊有关velodyne lidar连接报socket bind failed该怎么办,可能很多人都不太了解,为了让大家更加了

    攻略 2021年12月23日