ol被成为有序列表，可应用于如新闻排行中。

下面的一个新闻排行列表中用了ol结构。

<ol>
<li><a href="#">网奇CMS系统5.8发布</a><span>日期：02-13</span></li>
<li><a href="#">网奇公司2012年春节放假通知</a><span>日期：01-20</span></li>
<li><a href="#">网奇E游通引领旅游网站管理系统建设潮流</a><span>日期：09:11</span></li>
<li><a href="#">网奇公司成立网页技术研发部</a><span>日期：08:10</span></li>
<li><a href="#">网奇E游通广告语征集活动</a><span>日期：06:13</span></li>
<li><a href="#">网奇E游通旅游网站管理系统免费版下载</a><span>日期：06:13</span></li>
</ol>

css如下：

<style type="text/css">
ol,li{ margin:0; padding:0;}
li{ height:24px; line-height:24px; position:relative;}
li span{ position:absolute; right:0; top:0; color:#999; font-size:12px;}
</style>

效果如下：

有序列表消失了，需要加入下面的代码：

ol li{ list-style:decimal inside}

效果如下：

问题来了，在ie6下面，是这个效果：

ol li 中的列表项目都变成了1，这是因为li加了高度后，拥有了layout属性，要解决这个问题，可以把li上面的高度去掉，或者给li加上display:list-item即可。

完整样式代码如下：

<style type="text/css">
ol,li{ margin:0; padding:0;}
ol li{ list-style:decimal inside}
li{ height:24px; line-height:24px; position:relative; display:list-item;}
li span{ position:absolute; right:0; top:0; color:#999; font-size:12px;}
</style>

webkit内核速度快，效果华丽，在Q+升级到3.0的之后即开内置webkit内核的支持。

但是现在q+在添加应用的时候把开启webkit内核选项屏蔽了，这样按照html5+css3做出来的应用一踏糊涂。

不过方法还是有的，用firebug查看添加页面，把webkit内核开启的那段打开注释去掉。

然后在页面底部还有一个隐藏input,，要把这个input的value值改成1

大功告成。开始支持了