无序列表、有序列表、自定义列表

一.无序列表使用

1.标签名称

- ul 父级标签表示列表盒子

- li 子级标签表示列表内容

2.列表可以有一个,子级内容可以有多个,需要进行嵌套显示

3.默认样式

- 无序列表有黑色的实心圆

- 独占一行,上下显示

- 父级元素上下和左侧都是有间距的

4.无序列表中的属性设置

- 属性:type 表示类型

- 属性值:circle空心圆/disc实心圆/square方形

5.作用:常用于新闻列表或者导航

6.快捷写法:ul>li*n{文本} （VScode）

二:有序列表

1.标签名称:ol>li

2.有序列表中的属性设置

- type 类型:默认是1 a/A i/I

- start 开始第几个开始显示(属性值只能是数字)

三:自定义列表使用

1.标签名称

- dl 父级标签表示列表盒子

- dt 子级标签表示存放图片或者名词

- dd 子级标签表示对图片或者名词的解释

2.使用的注意事项

- 快捷写法:dl>dt+dd (VScode)

- 自定义列表如果有多个子级需要修饰的时候需要重新写整个自定义列表

有序和无序列表的默认样式是有兼容问题的,一般都是不用的,需要清除掉

1.属性:list-style

2.属性值:none

*{margin:0;padding:0;list-style:none;
}

无序列表、有序列表、自定义列表相关推荐

HTML列表标签及自定义列表的应用
1.无序列表无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记. 无序列表始于 <ul> 标签.每个列表项始于<li>. 也可以通过CSS改变项目符号, ...
列表标签，自定义列表，img标签，超链接a标签
1.列表标签: 有序列表 ol创建有序列表 type="" li 列表项默认是数字1-n的列表符号,可以通过ol的type属性改变列表符号如果type属性值为:A, a, I, ...
【HTML】HTML 列表 ( 无序列表 | 有序列表 | 自定义列表 )
文章目录一.HTML 列表二.无序列表三.有序列表四.自定义列表一.HTML 列表列表是装载结构 , 样式一致的文字或图表的容器 ; 列表由于其整齐 , 整洁 , 有序 ...
SharePoint 2013开发入门探索（一）- 自定义列表
在SharePoint 2013中创建自定义列表的方式有很多,在网站内容页面添加应用程序就可以创建(站点内容-〉您的应用程序),也可以通过SharePoint Designer 2013创建,而本文 ...
excel自定义排序出错_使用Excel自定义列表按您的方式进行排序
excel自定义排序出错 You know how to sort an Excel list alphabetically, and with Excel 2007 you can even sor ...
关于列表标签的一些使用（有序，无序，自定义列表）
列表标签:布局特点:整齐,整洁,有序,自由和方便. (1)无序列表(重点) <ul>标签表示html页面中项目的无序列表,一般以项目符号呈现列表项,而列表项使用<li>标签定 ...
HTML的基本知识（五）——无序列表、有序列表、自定义列表
HTML的基本知识(五)--无序列表.有序列表.自定义列表茫茫人海,有多少擦肩而过?漫漫一生,有多少真诚守候? 很开心能在CSDN与你相遇.相知.相惜.相守.一个人只有不断地写作,才能才不被人海湮没 ...
html5有序列表无序列表自定义列表
html5有序列表无序列表自定义列表 1.无序列表无序列表代码如下 <h2>1.无序列表</h2><p>你喜欢的水果有哪些</p><ul> ...
HTML6（无序列表，有序列表和自定义列表）
列表是用来布局的,列表最大的特点就是整齐,有序,它作为布局会更加方便简洁.主要分为三大类,无序列表,有序列表和自定义列表. 无序列表<ul>: <ul>标签表示HTML页面项目 ...
HTML 列表标签、有序列表、无序列表、自定义列表dl dt dd
文章目录有序列表无序列表自定义列表(重点) 总结有序列表有序列表即为有排列顺序的列表,其各个列表项会按照-定的顺序排列定义. 在HTML标签中, 标签用于定义有序列表,列表排序以数字来显示, ...

无序列表、有序列表、自定义列表

一.无序列表使用

二:有序列表

三:自定义列表使用

无序列表、有序列表、自定义列表相关推荐

最新文章

热门文章