<!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>
原文：http://www.cnblogs.com/tangguohong/p/4012217.html