在用ol,ul之前,记得要先做css.reset(样式重置),因为他们都有一个默认的margin,padding值。下面是自己平时总结的,作为一个笔记参考:
ol:有序列表(英文:Order List):
ol有三个属性:type:表示是按照那种来排列有,阿拉伯数字1,2....(默认情况),还有罗马数字(I ,II ,III....),还有按照26个字母来排列a-z,或者A-Z。
这里值得一说的是:如果type按照26个字母来排列,那么如果数量超过26个,它依然从a-z或者A-Z,比如是这样的aa,ab,ac...或者AA,AB,AC...。
start属性:表示从哪个开始排列,这个是type为数字的时候才起作用。
reverserd:表示是否倒序排列。
结构:
<ol type="1" start="5" reverserd="reverserd">
<li>1111</li>
</ol>
注意:ol的序列如果是数字可以是负数,列如:


ul:无序列表(英文:Unorder List):也是用来做列表的,这个一般多的比较多。同样他也有属性:
type:disc 实心圆(默认),circle空心圆,square 实现方块。
<ul type="circle" >
<li>1111</li>
</ul>
这里提供W3c列表的链接:http://www.w3school.com.cn/html/html_lists.asp,有助于对比学习。
网友评论