CSS+DIV实现的页面优化代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>敲代码很累的留个言吧</title>
<style>
div#mid { margin: 0px 20px; background:#dfe6ef; font-size:9pt; width:600px;}
p { padding:5px 10px; margin:2px;}
div.rtop { display:block; background:white;}
div.rtop div { display:block; height:1px; overflow:hidden; background:#dfe6ef;}
div.r1 { margin:0 3px;}
div.r2 { margin:0 2px;}
div.r3 { margin:0 1px;}
div.rtop div.r4 { margin:0 1px; height:1px;}
.span { text-align:center;}
</style>
</head>
<body>
<div id="mid">
<div class="rtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<p class="span"><strong>我爱喝稀粥</strong></p><br />
<p>在我的祖籍河北省南皮县，和河北的其他许多地区一样，人们差不多顿顿饭都要喝稀粥。甚至在米饭炒菜之后，按道理是应该喝点汤的，我们河北人也常常是喝粥。
</p>
<p> 家乡人最常喝的是"黏粥"，即玉米面或玉米 子熬的糊糊。乡亲们称做这种粥为" "，他们说" 锅黏粥"，而不说什么"熬一锅粥"。新下来的玉米，有时候加上红薯，饭后喝上两碗，一可以补足尚未完全充实饱满的胃，二可以提供进餐时需要摄入的水分（那时候我们进餐的时候可没有什么饮料啊--没有啤酒可乐，也没有冰水矿泉水），三可以替代水果甜食冰激凌，为一顿饭收收尾，做做总结，把嘴里的咸、腥、油腻、酸、辣（如果有的话）味去一去，为一顿饭打上个句号。
</p><p>
喝稀粥的时候一般总要就一点老腌萝卜之类的咸菜。咸菜与稀粥是互相提味、互相促进、相得益彰的，这一点无须多说。吃惯了这种搭配，即使吃白米粥、糯米粥、牛奶麦片粥、燕窝粥、海鲜粥，如我后来有幸吃过的那样，也常常不能忘情于老腌萝卜、云南大头菜或者四川榨菜，还有天源酱园、六必居、保定"春不老"的名牌特制酱菜。咸菜也是不断发展丰富提高的，常吃稀粥咸菜也罢，食者是完全用不着气馁的。
</p><p>
也有属于甜点性质的粥：赤豆汤，八宝莲子粥，板栗、杏仁、花生做的羹食等等。就不就咸菜，则无一定之规了。
</p><p>
粥喝得多、喝得久了，自然也就有了感情。粥好消化，一有病就想喝粥，特别是大米粥。新鲜的大米的香味似乎意味着一种疗养，一种悠闲，一种软弱中的平静，一种心平气和的对于恢复健康的期待和信心。新鲜的米粥的香味似乎意味着对于病弱的肠胃的抚慰和温存。干脆说，大米粥本身就传递着一种伤感的温馨，一种童年的回忆，一种对于人类幼小和软弱的理解和同情，一种和平及与世无争的善良退让。大米粥还是一种药，能去瘟毒、补元气、舒肝养脾、安神止惊、防风败火、寡欲清心。大鱼大肉大虾大蛋糕大曲老窖都有令人起腻、令人吃勿消的时候，然而大米粥经得住考验而永存。
</p>
<div class="rtop">
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>敲代码很累的留个言吧</title>
<style>
div#mid { margin: 0px 20px; background:#dfe6ef; font-size:9pt; width:600px;}
p { padding:5px 10px; margin:2px;}
div.rtop { display:block; background:white;}
div.rtop div { display:block; height:1px; overflow:hidden; background:#dfe6ef;}
div.r1 { margin:0 3px;}
div.r2 { margin:0 2px;}
div.r3 { margin:0 1px;}
div.rtop div.r4 { margin:0 1px; height:1px;}
.span { text-align:center;}
</style>
</head>
<body>
<div id="mid">
<div class="rtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<p class="span"><strong>我爱喝稀粥</strong></p><br />
<p>在我的祖籍河北省南皮县，和河北的其他许多地区一样，人们差不多顿顿饭都要喝稀粥。甚至在米饭炒菜之后，按道理是应该喝点汤的，我们河北人也常常是喝粥。
</p>
<p> 家乡人最常喝的是"黏粥"，即玉米面或玉米 子熬的糊糊。乡亲们称做这种粥为" "，他们说" 锅黏粥"，而不说什么"熬一锅粥"。新下来的玉米，有时候加上红薯，饭后喝上两碗，一可以补足尚未完全充实饱满的胃，二可以提供进餐时需要摄入的水分（那时候我们进餐的时候可没有什么饮料啊--没有啤酒可乐，也没有冰水矿泉水），三可以替代水果甜食冰激凌，为一顿饭收收尾，做做总结，把嘴里的咸、腥、油腻、酸、辣（如果有的话）味去一去，为一顿饭打上个句号。
</p><p>
喝稀粥的时候一般总要就一点老腌萝卜之类的咸菜。咸菜与稀粥是互相提味、互相促进、相得益彰的，这一点无须多说。吃惯了这种搭配，即使吃白米粥、糯米粥、牛奶麦片粥、燕窝粥、海鲜粥，如我后来有幸吃过的那样，也常常不能忘情于老腌萝卜、云南大头菜或者四川榨菜，还有天源酱园、六必居、保定"春不老"的名牌特制酱菜。咸菜也是不断发展丰富提高的，常吃稀粥咸菜也罢，食者是完全用不着气馁的。
</p><p>
也有属于甜点性质的粥：赤豆汤，八宝莲子粥，板栗、杏仁、花生做的羹食等等。就不就咸菜，则无一定之规了。
</p><p>
粥喝得多、喝得久了，自然也就有了感情。粥好消化，一有病就想喝粥，特别是大米粥。新鲜的大米的香味似乎意味着一种疗养，一种悠闲，一种软弱中的平静，一种心平气和的对于恢复健康的期待和信心。新鲜的米粥的香味似乎意味着对于病弱的肠胃的抚慰和温存。干脆说，大米粥本身就传递着一种伤感的温馨，一种童年的回忆，一种对于人类幼小和软弱的理解和同情，一种和平及与世无争的善良退让。大米粥还是一种药，能去瘟毒、补元气、舒肝养脾、安神止惊、防风败火、寡欲清心。大鱼大肉大虾大蛋糕大曲老窖都有令人起腻、令人吃勿消的时候，然而大米粥经得住考验而永存。
</p>
<div class="rtop">
<div class="r4"></div>
<div class="r3"></div>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>
</body>
</html>