关于2em代表啥意思

Posted 2023-04-13

text-indent:2em;
其中的 2em 代表什么意思

参考技术A 是相对单位，一般写在页面的css里面，给你举个例子吧：

<style type="text/css">
<!--
#header
background-color: #F8F4EF;
/* 背景颜色： #F8F4EF(颜色代码，下同); */
height: 200px;
/* 高： 200像素; */
width: 400px;
/* 宽： 400像素; */
margin: 0px;
/* 外边距： 0像素; */
padding: 0px;
/* 内边距： 0像素; */
border: 1px solid #ECE1D5;
/* 边框： 1像素 实线 #ECE1D5; */
font-family: "宋体";
/* 字体： "宋体"; */
font-size: 12px;
/* 字体尺寸： 12像素; */

#menu
margin: 0px;
/* 外边距： 0像素; */
padding: 0px;
/* 内边距： 0像素; */
list-style-type: none;
/* 列表样式符号： 无; */

#menu li
display: block;
/* 显示: 块; */
width: 100px;
/* 宽： 100像素; */
text-align: center;
/* 文本对齐： 居中; */
float: left;
/* 浮动： 左; */
margin: 0px;
/* 外边距： 0像素; */
padding-top: 0.2em;
/* 外边距 上： 0.2相对单位; */
padding-right: 0px;
/* 外边距 右： 0像素; */
padding-bottom: 0.2em;
/* 外边距 下： 0.2相对单位; */
padding-left: 0px;
/* 外边距 左： 0像素; */
cursor: hand;
/* 鼠标样式： 手型; */

.sec1
background-color: #FFFFCC;
/* 背景颜色： #FFFFCC; */

.sec2
background-color: #00CCFF;
/* 背景颜色： #00CCFF; */

.block
display: block;
/* 显示: 块; */

.unblock
display: none;
/* 显示: 无; */

-->
</style>本回答被提问者采纳 参考技术B 是相对单位，一般写在页面的css里面，给你举个例子吧：
<style
type="text/css">
<!--
#header

background-color:
#F8F4EF;
/*
背景颜色：
#F8F4EF(颜色代码，下同);
*/
height:
200px;
/*
高：
200像素;
*/
width:
400px;
/*
宽：
400像素;
*/
margin:
0px;
/*
外边距：
0像素;
*/
padding:
0px;
/*
内边距：
0像素;
*/
border:
1px
solid
#ECE1D5;
/*
边框：
1像素
实线
#ECE1D5;
*/
font-family:
"宋体";
/*
字体：
"宋体";
*/
font-size:
12px;
/*
字体尺寸：
12像素;
*/

#menu

margin:
0px;
/*
外边距：
0像素;
*/
padding:
0px;
/*
内边距：
0像素;
*/
list-style-type:
none;
/*
列表样式符号：
无;
*/

#menu
li

display:
block;
/*
显示:
块;
*/
width:
100px;
/*
宽：
100像素;
*/
text-align:
center;
/*
文本对齐：
居中;
*/
float:
left;
/*
浮动：
左;
*/
margin:
0px;
/*
外边距：
0像素;
*/
padding-top:
0.2em;
/*
外边距
上：
0.2相对单位;
*/
padding-right:
0px;
/*
外边距
右：
0像素;
*/
padding-bottom:
0.2em;
/*
外边距
下：
0.2相对单位;
*/
padding-left:
0px;
/*
外边距
左：
0像素;
*/
cursor:
hand;
/*
鼠标样式：
手型;
*/

.sec1

background-color:
#FFFFCC;
/*
背景颜色：
#FFFFCC;
*/

.sec2

background-color:
#00CCFF;
/*
背景颜色：
#00CCFF;
*/

.block

display:
block;
/*
显示:
块;
*/

.unblock

display:
none;
/*
显示:
无;
*/

-->
</style>

请问html里的em是啥意思？

参考技术A 强调
在段落中你可以用em标签和strong标签来强调突出文本。它们都做几乎相同的事，尽管传统上浏览器会以斜体来显示em，以粗体来显示strong。
<p>是的，那个<em>就是</em>我要说的。<strong>多</strong>令人激动</p>