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)

相关推荐

  • 11月17日Java学习日记

    技术11月17日Java学习日记 11月17日Java学习日记面向对象编程(oop)面向对象:物以类聚,分类的思维模式,思考问题,首先解决问题需要哪些分类,然后对这些分类进行单独思考。最后,才对某个分类

    礼包 2021年11月18日
  • 网络很火的句子,你认为最尴尬的网络句子是什么

    技术网络很火的句子,你认为最尴尬的网络句子是什么我认为最尴尬的网络句子是:条条道路通罗马,有人出生在罗马网络很火的句子。
    这句话说得太深刻,太有道理,让我感触颇多,心里十分郁闷,感到无比尴尬。大家想一想,我们一生拼死拼活

    生活 2021年10月21日
  • Go语言基础类型及常量用法示例分析

    技术Go语言基础类型及常量用法示例分析本篇内容介绍了“Go语言基础类型及常量用法示例分析”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,

    攻略 2021年11月18日
  • 如何使用VBS遍历文件或文件夹路径输入文件的所有绝对路径

    技术如何使用VBS遍历文件或文件夹路径输入文件的所有绝对路径这篇文章给大家分享的是有关如何使用VBS遍历文件或文件夹路径输入文件的所有绝对路径的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。源码

    攻略 2021年11月1日
  • 太岁是什么意思,民间说的“太岁”是什么意思

    技术太岁是什么意思,民间说的“太岁”是什么意思太岁又称岁阴。是假想的天体。尔后,演变成一种神祇信仰。并且,汉族民间传说太岁运行到哪,相应的方位下会出现一块肉状物,是太岁星的化身,在此处动土,会惊动太岁,所以汉族俗语有“不

    生活 2021年10月29日
  • 怎么使用R语言中的scatterplotMatrix来绘制散点图矩阵

    技术怎么使用R语言中的scatterplotMatrix来绘制散点图矩阵本篇文章给大家分享的是有关怎么使用R语言中的scatterplotMatrix来绘制散点图矩阵,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完

    攻略 2021年11月9日