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)

相关推荐

  • 春天有哪些花开,春夏秋冬各有哪些花开哟

    技术春天有哪些花开,春夏秋冬各有哪些花开哟一年四季各有什么花对应开放1、春天春天开花的种类有很多,比如:梅花、水仙、迎春、白玉兰、琼花、君子兰、牡丹、芍药、丁香、杜鹃、西洋杜鹃、樱花、含笑、玫瑰、紫荆、棣棠、锦带花、连翘

    生活 2021年10月20日
  • Vue 全家桶介绍-超详细教程

    技术Vue 全家桶介绍-超详细教程 Vue 全家桶介绍-超详细教程Vue 全家桶介绍-超详细教程Vue 全家桶介绍Vue有著名的全家桶系列,包含了vue-router(http://router.vue

    礼包 2021年10月27日
  • nodejs是一门语言吗

    技术nodejs是一门语言吗这篇文章主要讲解了“nodejs是一门语言吗”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“nodejs是一门语言吗”吧!

    攻略 2021年11月19日
  • 如何读取netcdf数据并在matplotlib Basemap上绘图

    技术如何读取netcdf数据并在matplotlib Basemap上绘图这篇文章主要为大家展示了“如何读取netcdf数据并在matplotlib Basemap上绘图”,内容简而易懂,条理清晰,希望能够帮助大家解决疑

    攻略 2021年12月8日
  • 怎么才能持久,如何才能获得长久的幸福

    技术怎么才能持久,如何才能获得长久的幸福美国著名的心理学家马丁塞利格曼
    说:幸福快乐的人生有三种怎么才能持久。
    第一种,是愉快的人生。
    这样的人生所拥有的快乐多得不能再多了,积极情绪多得不能再多了。学习快乐的技巧,在时间

    生活 2021年10月27日
  • net native支持winform(net native 是什么)

    技术什么是.NET Native这篇文章给大家分享的是有关什么是.NET Native的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。什么是.NET Native? .NET Native是一套

    攻略 2021年12月16日