HMTL列表详解
列表 详解
2023-09-14 08:58:56 时间
1.无序列表<ul>
ul其实没啥好说的,大家用得最多就是它,它的属性无非就是type:
- disc
- circle
- square
2.有序列表<ol>
H4的时候就有2个属性,type和start:
规定在列表中使用的标记类型 type:
- 1
- A
- a
- I(大写i)
- i
规定有序列表的起始值 start: 是一个数字,任何type都是数字
值得一提的是H5新增了一个属性 reversed:可以使得列表标号降序,但是不会影响列表本身内容的排序
用法就是直接在标签加上这个
<ol reversed>
3.自定义列表
<dl> <dt>计算机</dt> <dd>用来计算的仪器 ... ...</dd> <dt>显示器</dt> <dd>以视觉方式显示信息的装置 ... ...</dd> </dl>
这个自定义列表没什么好说的,而且不受css的list-style影响,没有任何自己的特殊属性效果如下:
实际使用上我们可以用ul代替ol,用css得list-style来使ul也能用数字那些样式:
ul li{ list-style: decimal inside url(1.gif); }
当然也可以用ol代替ul:
ol li{ list-style: disc inside url(1.gif); }
ul没有reversed属性,所以功能最为强大的应属ol标签
相关文章
- Python 学习笔记 列表 xxx XXX
- 接口列表(不断更新)
- python numpy数组切片_python列表切片详解
- 【说站】python列表追加元素出错的解决
- react hooks + antd案例:列表的增删改
- Python遍历列表remove漏删解决方案
- python中如何用列表+yield打破"内卷"的递归
- Python基础语法-基本数据类型-常见的列表操作
- PostgreSQL 实现给查询列表增加序号操作
- 详解redis数据结构之压缩列表
- Struts2_day01讲义_使用Struts2完成客户列表显示的功能详解编程语言
- Python迭代器生成器,私有变量及列表字典集合推导式(二)详解编程语言
- python全栈开发-Day4 列表、数据运算详解编程语言
- Html 列表 li ul使用详解编程语言
- python列表的索引与切片详解编程语言
- 表从sqlserver查询表格信息:一步一步获取列表(获取sqlserver列)
- Oracle认证证书让企业更强大(oracle公司证书列表)
- asp.netExtgrid显示列表