html2

<!DOCTYPE html>
<html>
<head>
<title>字体单位</title>
<meta charset="utf-8">
<style type="text/css">
.p1{
font-size:16px;
color: #897;
}
.p2{
font-size:1em;
color: #889977;
}
.p3{
font-size:100%;
color: rgb(20%,100%,0%);
}
.div_img{
width: 205px;
height: 235px;
background-image: url("1.png");
text-align: center;
}
/*1em=100%=16px;1px=0.0625em=6.25%*/


.pp{
color: #fff;
width: 500px;
height:30px;
background-color: #E0817C;
font-weight: 900;
line-height: 10px;
}
.ss{
color: #fff;
width: 111111111500px;
height:11111111130px;
background-color: #E0817C;
font-weight: 900;
line-height: 100px;
}
</style>
</head>
<body>
<p class="p1">
我很好,你不是脑残!我有药。
</p>
<p class="p2">
我很好,你不是脑残!我有药。
</p>
<p class="p3">
我很好,你不是脑残!我有药。
</p>
我很好,你不是脑残!我有药。

<div class="div_img">fefef</div>
*********************************************
<p class="pp">
来来来 刷一刷!
</p>
<!-- <div style="WIDTH:200PX;HEIGHT:100PX;BACKGROUND:#FA1;"></div> -->
<div style="WIDTH:200PX;HEIGHT:100PX;BACKGROUND:#FA1;text-align: center;">
<span class="ss">
来来来
</span>
</div>

</body>
</html>

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。