html中ol和ul的区别

ol 是 ordered list的缩写，表示有序列表。

ul 是 unordered list的缩写，表示无序列表。

ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块。

ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—大写希腊字母。

另外，可结合CSS用图片做出更美观的效果。

时间： 2024-10-25 04:54:25

html中ol和ul的区别的相关文章

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 &

在表单(input)中id和name的区别但是name在以下用途是不能替代的: 1. 表单(form)的控件名,提交的数据都用控件的name而不是id来控制.因为有许多name会同时对应多个控件,比如checkbox和radio,而id必须是全文档中唯一的.此外浏览器会根据name来设定发送到服务器的request.因此如果用id,服务器是无法得到数据的. 2. frame和window的名字,用于在其他frame或window指定target. 例如:<frameset cols="

基于jquery中children()与find()的区别介绍

本篇文章介绍了,基于jquery中children()与find()的区别,需要的朋友参考下 .children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈).参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选. .find(selector)方法是返回匹配元素集合中每个元素的后代.参数是必选的,可以为选择器.jquery对象可元素来对元素进行筛选. .find() 与 .children() 方法类似,不同的是后者仅沿着 DOM 树向下遍历单一层级.这里的

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

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

jQuery中first-child与first选择器区别

1.first-child first-child为每个父级元素匹配第一个子元素,可以匹配出多个元素: 示例代码: <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <title>jQuery中first-child与first选择器区别</title> </head> <body> <

mvc中viewdata 和viewbag的区别

mvc中viewdata 和viewbag的区别 2013-06-18 15:43:45| 分类: MVC |举报 |字号订阅 ViewData ViewBag 它是Key/Value字典集合

Javascript 中childNodes和children的区别

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type="text/javascrip

你不知道的css中block与inline的区别(转)

所有的HTML元素都属于block和inline之一. block元素的特点是:(1)总是在新行上开始:(2)高度,行高以及顶和底边距都可控制:(3)宽度缺省是它的容器的100%,除非设定一个宽度<div>, <p>, <h1>, <form>, <ul> 和 <li>是块元素的例子. 相反地,inline元素的特点是: (1)和其他元素都在一行上:(2)高,行高及顶和底边距不可改变:(3)宽度就是它的文字或图片的宽度,不可改变.&l

CSS中*和body有什么区别

CSS中*和body有什么区别:建议:尽可能的手写代码,可以有效的提高学习效率和深度.在介绍它们两个我们首先应该知道这两个符号在CSS文件中充当的是什么角色.在CSS文件中*是通配符选择器,它可以选择文档中所有的元素,也就是说是一个通杀选择器.body是一个普通的类型选择器,只能够选中body这么一个元素.而之所大家会感觉到*和body选择器有时候作用是相同的,主要是因为body是绝大多数布局元素的父元素,如果元素的CSS属性居有继承性的话,那么两者的效果确实一样.例如: body{font-s