边肖将与你分享在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 截图如下：
如你所见，我们给#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是什么单位”有了一定的了解。想了解更多，请关注行业资讯频道，感谢阅读！
内容来源网络，如有侵权，联系删除，本文地址：https://www.230890.com/zhan/152580.html