web前端之路（2）--初涉"页面表现原则"
这应该是我看过的最好的视频了,虽然只有短短的二十多分钟,但是学到的东西很多,我们之前理解’结构’,’样式’,’行为’要分离,很浅,以为只是简单的分开.事实上,太肤浅了.
参考视频:
网页简单布局之结构与表现原则
<!DOCTYPE html>
<html>
<head>
<title>网页简单布局之结构与表现原则</title>
<meta charset="utf-8">
<style type="text/css"> div{ width: 360px; border: 1px solid red; float: left; margin-left: 400px; position: relative; } p{ margin-top: -140px; } img{ margin-left: -220px; } span{ position: absolute; top:20px; right: 40px; } </style>
</head>
<body>
<div>
<img src="C:/Users/Administrator.ZX-201512201229/Desktop/111.jpg">
<p>
央广网重庆1月5日消息（记者刘乐）习近平总书记4日下午来到重庆果园港考察，听取长江上游航运中心建设、铁路公路水路联运等情况介绍，察看正在作业的集装箱船。听说渝新欧国际铁路沿线国家实现一次报关查验、全线放行，他赞赏“挺好”。看到港口设施齐备，已初具规模，他说：“这里大有希望。”
</p>
<span>10分钟之前</span>
</div>
</body>
</html>这样的页面能跟更好的一键更换多种形态.(减少div的使用,很重要!!)
PS:腾讯微博用的还是div,可能是考虑到结构是固定死的吧