ol 与ul 的区别

 1 <!DOCTYPE html>
 2 <html>
 3 <body>
 4
 5 <ul>
 6   <li>咖啡</li>
 7   <li>牛奶</li>
 8   <li>茶</li>
 9 </ol>
10
11 <ol start="5">
12   <li>咖啡</li>
13   <li>牛奶</li>
14   <li>茶</li>
15 </ol>
16
17 </body>
18 </html>显示

<ol> 标签定义有序列表。

属性 值 描述
compact compact
HTML5 中不支持。HTML 4.01 中不赞成使用。

规定列表呈现的效果比正常情况更小巧。
reversed reversed 规定列表顺序为降序。(9,8,7...)
start number 规定有序列表的起始值。
type
  • 1
  • A
  • a
  • I
  • i
 规定在列表中

<ul> 标签定义无序列表。

属性 值 描述
compact compact
不赞成使用。请使用样式取代它。

规定列表呈现的效果比正常情况更小巧。
type
  • disc
  • square
  • circle
不赞成使用。请使用样式取代它。

规定列表的项目符号的类型。
时间： 2024-08-09 02:07:08

ol 与ul 的区别的相关文章

html中ol和ul的区别

ol 是 ordered list的缩写,表示有序列表. ul 是 unordered list的缩写,表示无序列表. ul的type属性有:disc—实心圆(默认).circle—空心圆.square—实心方块. ol的type属性有:1—数字(默认).a—小写字母.A—大写字母.i—小写希腊字母.I—大写希腊字母. 另外,可结合CSS用图片做出更美观的效果.

ol、ul的list-style不显示问题

今天在项目中遇到一个问题,我使用ol,并且在css里设置list-style不为none,但是始终显示不了序号,当然最初我认为是css样式层叠被覆盖,但是连最终神器都用上了: ol { list-style-type: decimal!important; } 问题却还是没有解决,我知道我该考虑其它原因了. 很少见的,在Google里没有第一时间搜到答案. 于是新建一个页面,发现一切正常,经过一番折腾,在reset.css里发现 body, div, ul, ol......{ margin:

#nav li:hover ul 与#nav li a:hover ul 的区别

#nav li:hover ul 与#nav li a:hover ul 有什么区别? ──────────────────────────────────────────── #nav li:hover ul 与#nav li a:hover ul 的区别在于 前者是鼠标在li上时的ul的样式 后者是鼠标在li的a上时的ul的样式 ──────────────────────────────────────────── 这个问题还要考虑浏览器. css1.1 里 :hover 伪类只能用在 a

关于bootstrap--列表（ol、ul）

1.在<ol>(有序列表)</ol><ul>(无序列表)</ul>中加入class="list-styled"将前面的数字和符号去掉,bootstrap样式为: .list-unstyled { padding-left: 0; list-style: none; } 2.在<ol>(有序列表)</ol><ul>(无序列表)</ul>中加入class="list-inline&qu

ol,li,ul,dl,dt,dd

块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>……</li> </ul&

ul#navigation和#navigation ul的区别

文章摘自:http://blog.csdn.net/cicada_slough/article/details/43305475 前者是一个整体,选中的是id为navigation的ul,后者选中的是id为navigation的元素(任何元素)下的ul. 前者选中的是这样的ul:<ul id="navigation"></ul>考虑到一个画面的id是唯一的,它只能选中如上一个ul. 后者选中的是如下ul:<label id="navigation

html简单总结

一.Html简介    HTML 是一种标记语言       忽略大小写,语法宽松    使用 HTML 标记和元素,可以:       控制页面和内容的外观       发布联机文档       使用 HTML 文档中插入的链接检索联机信息       创建联机表单,收集用户的信息.执行事务等等       插入动画       开发帮助文件    HTML 标记的格式组成: <ELEMENT ATTRIBUTE = value>       ELEMENT:   元素 - 标识标记    

HTML的总结

一.Html简介    HTML 是一种标记语言       忽略大小写,语法宽松    使用 HTML 标记和元素,可以:       控制页面和内容的外观       发布联机文档       使用 HTML 文档中插入的链接检索联机信息       创建联机表单,收集用户的信息.执行事务等等       插入动画       开发帮助文件    HTML 标记的格式组成: <ELEMENT ATTRIBUTE = value>       ELEMENT:   元素 - 标识标记    

div span ul ol 区别

一不小心跑偏了qwq 1.ol和ul <ol> <li> </li> <li> </li> <ul> <ul> <li> </li> <li> </li> </ul> 上面那两块的区别在于ul块中的行有小圆点,<li>是行的意思: 2.div和span div和span都是块,但是div是自动分行的: