结构与表现分离的思想
网页制作中，结构，表现，行为分离。
微博用户发言信息列表制作
高级思路：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>高级</title>
<style type="text/css">
.demo03{width:458px;padding:20px;background:#9CF;border:1px soid #ccc;margin-left:100px;}
.demo03 img{float:left;margin-left:-20px,o,o,-100px;}
</style>
<body>
<div class="deom03">
<img src="images/01.jpg" alt="">
<h6>樱桃小丸子</h6>
<p>打击我埃德加偶爱ii我的骄傲我</p>
<span>10分钟之前</span>
</div>
</div>
</body>
</html>
电话号码布局制作
text-indent:143px;
排行榜制作
h5增加背景图
h6移动到位置 margin:-25px 0 0 50px
当拿到一个网页设计图时，首先要关注网页的文字内容，还有里面的内容模板之间的关系，先把重点放在编写语义的h代码上，而不要考虑结构样式，等到html结构完成后再考虑样式的实现、力求不改变原有的结构上，去改变原设计图的实现效果。
网页换肤
相同的HTML结构，不同的CSS样式
