<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
div.hot{font-size:13px;float:left;padding-right:6px;border-right:2px solid blue;}
div.new{font-size:13px;float:right;}
</style>
<title>div标签</title>
</head>
<body>
<div> <!--这里<div>然后后面还有一个<div>,为什么可以这么写？这两层套用是表达<h2>是一个独立版块，在<h2>下面再分一个<ol>有序列表子独立版块吗？-->
<div class="hot"> <!--这里<div>后面class=“hot”这种写法怎么解释？为什么可以这么写啊-->
<h2>热门课程排行榜</h2>
<ol>
<li>前端开发面试心法 </li>
<li>零基础学习html</li>
<li>javascript全攻略</li>
</ol>
</div>
<div class="new">
<h2>最新课程排行</h2>
<ol>
<li>版本管理工具介绍—Git篇 </li>
<li>Canvas绘图详解</li>
<li>QQ5.0侧滑菜单</li>
</ol>
</div>
</div>
</body>
</html>
田心枫