ul与li的区别

小琪狂想晕

小琪狂想晕

2016-02-19 16:58

下面图老师小编跟大家分享ul与li的区别,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

  ul与li有什么区别呀?

  A:OL称为顺序清单标记。LI则用以标示清单项目。

  所谓顺序清单就是在每一项前面加上 1,2,3... 等数目,又称编号清单。

  OL 的参数设定(常用):

  例如: ol type="i" start="4"/ol

  type="i"

  设定数目款式,其值有五种,请参考 右表,内定为 type="1"。

  start="4"

  设定开始数目,不论设定了哪一数 目款式,其值只能是 1,2,3.. 等整 数,内定为 start="1"。

  Type Numbering style

  1 arabic numbers 1, 2, 3, ...

  a lower alpha a, b, c, ...

  A upper alpha A, B, C, ...

  i lower roman i, ii, iii, ...

  I upper roman I, II, III, ...

  LI 的参数设定(常用):

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  例如: li type="square" value="4"

  type="square"

  只适用于非顺序清单,设定符号款式,其值有三种,如下,内定为 type="disc":

  符号 是当 type="disc" 时的列项符号。

  符号 if" width=10 height=10 border=0 是当 type="circle" 时的列项符号。

  符号 是当 type="square" 时的列项符号。

  value="4"

  只适用于顺序清单,设定该一项的数目,其後各项将以此作为起始数目而递增, 但前面各项则不受影响,其值只能是 1,2,3.. 等整数,没有内定值。

  UL称为无序清单标记。

  所谓无序清单就是在每一项前面加上 、、 等符号,故又称符号清单。

  UL 的参数设定(常用):

  例如: UL type="square"

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  type="square"

  设定符号款式,其值有三种,如下,内定为 type="disc":

  符号 是当 type="disc" 时的列项符号。

  符号 是当 type="circle" 时的列项符号。

  符号 是当 type="square" 时的列项符号。

  ul是项目列表,li是列表项,项目列表就是用符号来列的,所以你列出来默认的就是黑点啦,还有一个是ol这个是编号列表,用数字来列的,也是用li做列表项

  li是 list item 即列表项,但列表有很两种,所以外面得有 ul 或者 ol 用来区别无序列表(小点点)和有序列表(1,2,3...)。

展开更多 50%)
分享

猜你喜欢

ul与li的区别

Web开发
ul与li的区别

dl,dt,dd,ul,li,ol区别及应用

Web开发
dl,dt,dd,ul,li,ol区别及应用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

DIV+CSS 中UL,LI的运用

Web开发
DIV+CSS 中UL,LI的运用

应用WEB标准实例:ul li制作导航

Web开发
应用WEB标准实例:ul li制作导航

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS教程:li和ul标签用法举例

Web开发
CSS教程:li和ul标签用法举例

牛奶与羊奶的区别

牛奶
牛奶与羊奶的区别

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

解决Ajax中文乱码问题

解决Ajax中文乱码问题

Windows XP不能升级Windows10解决方法

Windows XP不能升级Windows10解决方法
下拉加载更多内容 ↓