一、列表说明:列表是在页面上有很多列同时存在的信息,分为无序列表和有序列表。
1、无序列表概念:用来放置一些对于顺序无关紧要的内容,例如下面的新闻内容。
2、有序列表概念:有序列表用于存放内容不能错乱的信息,比如下面的阿里云内容。
3、自定义列表:自定义列表用于正文之外的框框栏栏之类的。
二、列表样式:
三、无序列表
和
列表标签是用 ul 表示,但是不是单独使用的,需要和 li 标签配合使用,并且列表标签也有属性,用法:
- ,属性有多个值:
- 这是列表a
- 这是列表b
- 这是列表c
disc :小圆点,默认属性
circle :小圆圈
square :实心方块
none :不要任何符号
源码:↓
四、有序列表:
1、有序列表使用 表示,也需要和 li 标签配合使用
2、有序列表属性:
有序列表的默认编号是数字编号,例如 1 2 3 4 依次排列,而数字编号也可以改成 a b c d 或 A B C D 这样的编号,
方法在于属性值,可以从标签中这样写
- 代表使用小写字母排序。
- 这是列表
- 这是列表
- 线下门店
- 小米之家
- 服务网点
- 授权体验店
type=" " 可用属性有:
默认:数字类型排序
a :小写字母序号
A :大写字母序号
I :罗马数字序号
3、起始属性:start
起始属性是说你可以自己决定,编号时从哪个序号开始向下排序,并不一定是从 1 开始或a开始
写法:
- ,这个 start="2" 就是从第几开始向下排序的意思。
五、自定义列表:dl 、dt 、dd
自定义列表用于定义一些除了正文之外的列表,比如 页面下面的列表,或者页面某个地方的需要自己定义的样式的列表。
1、自定义列表标签:
dl :用于定义列表的范围。
dt :用于定义列表的标题。
dd :用于定义列表的小标题。
2、自定义列表注意事项:
dt 和 dd 是同级别的标签,不是父子关系!
3、自定义列表写法: