大家好~  我是一枚正直纯洁的苦逼程序员!!!!!

ul,ol,dl标签是CSS网页布局中常用的列表元素。 列表将具有相似特征或先后顺序的内容按照从上到下的顺序排列起来。

1.ul标签:无序列表始于 u l 标签。每个列表项始于l i标签,此列项目默认使用粗体圆点(典型的小黑圆圈)进行标记。

2.ol标签:有序列表始于ol标签,每个列表项始于li标签,列表项目使用数字进行标记。

3.dl标签:dl标签是定义列表,自定义列表不仅仅是一列项目,而是项目及其注释的组合。自定义列表以 dl 标签开始。每个自定义列表项以 dt 开始。每个自定义列表项的定义以 dd 开始。

↑↑↑以上所有的列表项内部都可以使用段落、换行符、图片、链接以及其他列表等。

如何定义ul,ol,dl的样式?

在样式表中用list-style定义。

disc实心圆,默认值 circle空心圆 square实心方块 decimal阿拉伯数字 lower-roman小写罗马数字 upper-roman大写罗马数字 lower-alpha小写英文字母 upper-alpha大写英文字母

注:也可以去掉默认样式,设置list-style:none,然后根据自己需要添加不同的样式,比如添加特殊背景图片,使列表显示不一样的风格。

问题1:什么情况下用ul,什么情况下用ol?

回答:ul经常用来实现轮播的小按钮,下拉菜单的各种要用来排列的列表,多个a标签排列等,实用范围非常广。 而ol因为它的有序属性,用的范围就比较小了,不是一定要用有序来排列的情况下,一般都是用ul。

这一次讲的小课堂属实没问题可以说,因为挺简单的

html语言dl与ul,HTML中DL、UL、OL用哪个比较好相关推荐

  1. DIV+CSS中标签ul ol li dl dt dd用法

    ul ol li dl dt dd都是DIV+CSS做网页长用的东西,相当于一棵树的树技,下面就了解一下这些东西的全体用法,本人用dd,dt,dd用得很少,懂得结合使用对做架构是很有好处的哦! DIV ...

  2. html中dl标签和ul标签,html中dl,dt,dd,ul,li,ol标签区别和使用

    html中dl,dt,dd,ul,li,ol标签区别和使用 时间:2013-04-12 21:48 来源:未知 | 作者:易享学习网 | 本文已影响 人 ul: unordered lists ol: ...

  3. Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法

    这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...

  4. HTML 列表标签<ol><ul><dl>详解

    列表标签概述 特点:整齐.整洁.有序,用来布局会更加自由和方便 列表的分类:无序列表.有序列表.自定义列表 无序列表 无序列表的基本语法格式如下: <ul><li>列表项1&l ...

  5. php中显示li,请C语言大侠们帮忙看看,为什么总显示 array subsc... html中的ul li 用php怎么做?php在html中写 代码如......

    导航:网站首页 > 请C语言大侠们帮忙看看,为什么总显示 array subsc... html中的ul li 用php怎么做?php在html中写 代码如... 请C语言大侠们帮忙看看,为什么 ...

  6. c语言中 1ul什么意思,c语言 #define 中的UL

    c语言 #define 中的UL U和L是 整数文字量的后缀修饰,用于显示指明整数文字量的类型为unsigned int(U)和long int(L). 类似的还有浮点数文字量的后缀修饰F或f,用于指 ...

  7. 活动推荐:语音和语言技术在自然交互中的实践沙龙

    智能语音技术已经渗透进家居生活.车载.金融服务等日常生活场景,在很大程度上解放了人们的双手和眼睛,语音交互成为连接人与信息/服务的新入口.根据IDC预测,国内对话式人工智能市场规模将在2022年达到7 ...

  8. R语言str_trim函数去除字符串中头部和尾部的空格

    R语言str_trim函数去除字符串中头部和尾部的空格 目录 R语言str_trim函数去除字符串中头部和尾部的空格 #导入包和库 #仿

  9. R语言ggplot2可视化:ggplot2中使用element_text函数设置轴标签文本粗体字体(bold text,只设置x轴的标签文本使用粗体字体)

    R语言ggplot2可视化:ggplot2中使用element_text函数设置轴标签文本粗体字体(bold text,只设置x轴的标签文本使用粗体字体) 目录

最新文章

  1. mfc 儿童算数作业生成器_9岁男孩一写作业就哭,爸妈毅然带孩子跳绳,打骂真的没用...
  2. SQL语句在数据库中是如何执行的
  3. 我的学习之路_第十八章_SQL语句
  4. Spring Cloud Eureka 入门 (二)服务提供者详解
  5. Java文档阅读笔记-JDBC Driver
  6. 计算机怎么把硬盘分成几个,如何把电脑的一个盘的容量分给另外一个盘
  7. “Python小屋”编程比赛参赛与领奖方式
  8. 用Navicat for Mysql导入.sql文件
  9. 分享一本有关数据结构的书籍(Python版)
  10. iOS NSURLSession VS NSURLConnection
  11. zen3 服务器芯片,7nm+工艺Zen3两线出击:EPYC服务器先发 锐龙5000紧跟
  12. windows 中hosts文件
  13. 增值税发票税控开票软件数据接口规范
  14. linux学习笔记——创建软连接
  15. 苹果内购后台(java)验证订单
  16. Python中的与或非
  17. Java方法和数组练习
  18. Java 对象 、String 、JSON 互转
  19. python opencv 读取png图像的alpha通道
  20. mount挂载基础点

热门文章

  1. 6个步骤卸载wine
  2. 点云技术无中生有100篇(一)-无人机航测如何正确布设像控点
  3. python如果选择不在列表里_Python-list.remove(x)x不在列表中
  4. 二阶偏微分方程组 龙格库塔法_牛顿法和拟牛顿法——(书中附录B)
  5. 网站优化第一次网页加载的速度的办法与思路。
  6. 【APICloud系列|24】 MNNavigationMenu模块(导航菜单)的实现
  7. css规则的样式构成,Css 基本的规则写法
  8. mlse均衡器matlab,基于LMS自适应均衡器matlab仿真.doc
  9. html5拖动的面板 panel,基于jQuery UI的Bootstrap Panel面板功能增强插件
  10. linux基于域名的虚拟主机,Nginx虚拟主机应用——基于域名、IP、端口的虚拟主机...