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)

相关推荐

  • php如何去掉一维数组的键值

    技术php如何去掉一维数组的键值这篇文章主要介绍“php如何去掉一维数组的键值”,在日常操作中,相信很多人在php如何去掉一维数组的键值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”php

    攻略 2021年11月27日
  • 对象Temessagejs脚本的简单编写方法是什么?

    技术TE对象message js脚本简单写法是什么这篇文章将为大家详细讲解有关TE对象message js脚本简单写法是什么,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

    攻略 2021年12月13日
  • 微信小程序怎么嵌入python代码(python如何编写微信小程序)

    技术python如何实现微信小程序反编译这篇文章主要介绍“python如何实现微信小程序反编译”,在日常操作中,相信很多人在python如何实现微信小程序反编译问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法

    攻略 2021年12月13日
  • 古代著名书法家有哪些,我国古代著名书法家故事

    技术古代著名书法家有哪些,我国古代著名书法家故事我国古代著名书法家的故事古代著名书法家有哪些:1、王羲之:相传山阴有一位道士,想求王羲之给他写一本《黄庭经》,但又担心王羲之不肯答应。他打听到王羲之非常喜欢鹅,就特地养了一

    生活 2021年10月28日
  • Tomcat中如何清理缓存

    技术Tomcat中如何清理缓存这篇文章将为大家详细讲解有关Tomcat中如何清理缓存,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。一、关于Tomcat“缓存”的介绍 很多时候

    攻略 2021年12月11日
  • 古诗竹里馆,《竹里馆》全诗内容是什么

    技术古诗竹里馆,《竹里馆》全诗内容是什么唐  王维 《竹里馆》 独坐幽篁里古诗竹里馆,弹琴复长啸。
    深林人不知,明月来相照。 译文 :
    独自闲坐幽静竹林,时而弹琴时而长啸。
    密林之中何人知晓我在这里?只有一轮明月静

    生活 2021年10月22日