HTML里面的有序/无序列表 ol,ul

在用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,有助于对比学习。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容