<header>
<h1>这是一个页头</h1>
<h2>这是一个页面的描述<br/> <small>这是一个页面的具体描述</small> </h2>
</header>
<div class="spring">这是一段警告 <del>×</del>
</div>
class="topbar blue"
就可以换一种蓝色导航条class="topbar yellow"
调用class="topbar red"
调用class="topbar unstyled"
调用<div class="topbar">
<div class="wrapper">
<div class="logo">
<a href="./"><font class="danley">keqie</font> 渴切</a>
</div>
<div class="module">
<a href="index.html">概述</a>
<a href="grid.html">框架</a>
<a href="base.html">基础css</a>
<a href="widget.html" class="selected">组件</a>
<a href="javascript.html">javascript插件</a>
</div>
<div class="sub">
<a href="index.html">例子</a>
<a href="http://mobile.keqie.com">移动版</a>
</div>
</div>
</div>
$(function(){
$('.taber .head a').hover(function(){
$('.taber .body').hide();
$('.taber #'+$(this).attr('lang')).show();
$('.taber .head a').removeClass('selected');
$(this).addClass('selected');
})
})
<div class="navbar"> <a href="#">首页</a> <a href="#">关于我们</a> <a href="#">行业新闻</a> <a href="#">公司荣誉</a> <a href="#">产品列表</a> <a href="#">联系我们</a> </div>
<ul class="sidebar">
<li class="selected"> <a href="#">栏目</a></li> <li><a href="#">菜单</a></li> <li><a href="#">菜单</a></li>
</ul>
<div class="pager"> <a href="#">首页</a> <a href="#">上一页</a> <a href="#">1</a> <a href="#">2</a> <a href="#">3</a> <a href="#">4</a> <a href="#">5</a> <a href="#">...</a> <a href="#">99</a> <a href="#">下一页</a> <a href="#">尾页</a> </div>
默认 | <span class="label">默认</span> |
成功 | <span class="label success">成功</span> |
默认 | <span class="label warning">警告</span> |
默认 | <span class="label error">错误</span> |
<div class="footer"> ... </div>
<div class="heading"> <h1>这是一个heading</h1> <h2>这是一个heading的描述</h2> </div>
<div class="current"> <a href="#">首页</a>> <a href="#">概述</a>> <span>组件</span> </div>
<div class="progress">
<div class="bar" style="width:50%;"> </div> </div>
<div class="well">
... </div>