边肖将与你分享在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