<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>常用的通用属性</title>
<style type="text/css">
#div1{width: 100%;height: 708px;}
#div2{width: 100%;height: 10%}
#div3{background: #f8f8f8;width: 20%;height: 80%;float: left;}
#div4{background: #f0f0f0;width: 80%;height: 80%;float: left;}
#div5{width: 100%;height: 10%;clear: left;}
.class1{background: red;}
</style>
</head>
<body>
<div id="div1">
<div id="div2" class="class1" title="注释的内容">头部</div>
<div id="div3">导航栏</div>
<div id="div4">我是ifrmae框架</div>
<div id="div5" class="class1">尾部</div>
</div>
<b title="我可以加粗文字">b标签</b>
<bdo dir="rtl">侯伟东的方向</bdo>
<p dir="rtl">张仙丽</p>
<p lang="en">hello word</p>
</body>
</html>
原文：http://www.cnblogs.com/houweidong/p/7497354.html