关于UL,OL列表

最新推荐文章于 2024-11-04 16:08:47 发布
最新推荐文章于 2024-11-04 16:08:47 发布
阅读量91 收藏
点赞数
文章标签： xhtml
原文链接：http://www.cnblogs.com/glelaine/archive/2012/06/04/dicimal.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ul,ol</title>

<style type="text/css">
*{ padding: 0; margin: 0; }
body{ font-size: 12px; }
div.june{ width: 500px; margin: 50px; border: 1px solid #ccc; }
ul,ol{ padding: 50px; border: 1px solid #ccc; }
li{ list-style-type: decimal; }
.disc li{ list-style-type: disc; }
</style>
</head>
<!--一般建议不使用css这些生成序列号，因为个浏览器下存在不同的显示效果，从而影响用户体验。exp：网站上最常用的就是这个两个decimal，和disc。decimal可以适时使用，因为它的bug不是很明显，IE6/7/chorme/FF/显示一直，只有IE8序号距离内容窄了6px，边框距离序号宽出5px。disc就差别大了，所有浏览器下显示的都不同。我们最好用图片代替。-->
<body>

<div class="june">
    <ul class="decimal">
      <li>decimal</li>
    <li>decimal</li>
    <li>decimal</li>
    <li>decimal</li>
    <li>decimal</li>
  </ul>
  <ul class="disc">
      <li>disc</li>
    <li>disc</li>
    <li>disc</li>
    <li>disc</li>
  </ul>
  <ol class="">
      <li>ol</li>
    <li>ol</li>
    <li>ol</li>
  </ol>
</div>
</body>
</html>

转载于:https://www.cnblogs.com/glelaine/archive/2012/06/04/dicimal.html

acb9900
关注
HTML三个列表标签 ul ol dl
qq_41877857的博客
12-26 1364
ul标签（无序列表） ul标签里面的一级子标签只能是<li>，而li标签里面可以是任意标签 <ul> <li>苹果</li> <li>香蕉</li> <li>雪梨</li> </ul> 效果 ol标签（无序列表） ol标签里面的一级子标签只能是<li>，而li标签里面可...
CSS3自定义美化UL OL列表
08-23
这是我们之前没有分享过的CSS3特效类型，它是一个可以自定义美化UL和OL列表的CSS3应用。当我们将鼠标滑过每一个列表项的时候都会出现一定的动画特效，效果非常不错。这种列表美化样式一共有3种，发光效果最酷了。
ul 与ol区别
wuzhiweiwuzhiwei的专栏
12-05 2521
ul是无序列表，所谓的无序列表只要举个例子，大家就会明白了。      ●这是第一个列表     ●这是第二个列表     ●这是第三个列表     ●这是第四个列表    ol是有序列表，同样举个例子。   1、这是第一个列表   2、这是第二个列表   3、这是第三个列表   4、这是第四个列表 这就是ul与ol的区别。 ul与ol前的符号是可以修改的。只需要修改它
ul和ol的区别以及经验总结
热门推荐
正在山路上的博客
09-24 1万+
ul是无序列表，网页中最为常见的列表，各个列表项之间为并列关系，没有顺序级别之分，如导航栏，新闻话题展示区等。 默认示例表现为（默认带有实心圆）： <ul> <li>无序列表项1</li> <li>无序列表项2</li> <li>无序列表项3</li> </ul> 常见问题： 1.去除默认样式的实心圆： <style> /...
ol,li,ul列表
TK_Lumi的博客
08-15 1万+
ol,li,ul列表一、ol li有序列表标签1.语法2.作用3.案例4.总结二、ul li 无序列表标签1.语法2.说明3.案例4.总结 一、ol li有序列表标签 1.语法 在html中布局使用最多标签为div， <ol> <li>内容一</li> <li>内容二</li> <li>内容三</li> </ol> 2.作用 此列表标签我们常常使用在文章标题列表、图
列表标签 ul+ol/li
qq_40432598的博客
06-02 504
列表标签 ul+ol/li
列表块元素 ul和ol
weixin_74088185的博客
10-14 858
列表块元素：ul和ol ul元素：属于无序列表，也是目前最为常用的列表。在其各个列表之间没有顺序级别之分，通常为并列的。 ol元素：有排列顺序的有序列表，常见有游戏排行榜或者歌曲排行榜等。都是用ol元素定义的。
ul和ol的区别
IT_bar的博客
04-04 1564
1、ol是有序列表ul是无序列表 2、ol前面是数字，ul前面是圆点 ul是无序列表， ●这是第一个列表 ●这是第二个列表 ●这是第三个列表 ●这是第四个列表 ol是有序列表， 1、这是第一个列表 2、这是第二个列表 3、这是第三个列表 4、这是第四个列表 ul与ol前的符号是可以修改的。只需要修改它们的type值。 ul的type属性有：disc—实心圆(默认）、circle—空心圆、square—实心方块 ol的type属性有：1—数字（默认）、a—小写字母、A—大写字母、i—小写希腊字母、I—
CSS入门：ol，ul列表用法详解（附案例）
u013179804的博客
04-19 3992
无序列表（<ul>）和有序列表（<ol>）是 HTML 中常用的列表标签。它们在网页中是一种灵活且功能强大的组合方式，能够帮助设计师和开发者有效地组织和展示网页内容，提高页面的可读性、可访问性和用户友好性。ul：用于显示项目列表，项目之间没有顺序关系。默认使用实心圆（●）或者其他符号作为项目符号。ol：用于显示项目序号列表，项目之间有顺序关系，通常用于列出步骤、排名等内容。默认使用数字（1, 2, 3...）作为项目序号，可以通过 CSS 修改序号样式。
HTML列表标签（ul标签 ol标签）
2301_80716660的博客
11-27 492
开始,</ol>结束。2.每一列使用<li></li>标签定义，每列使用数字或字母开头。3.属性:common-一般属性示例:<ol><li>努力</li><li>坚持</li>
网页HTML 有序列表ol 和无序列表 ul
09-28
用于组织数据的列表学习了这么多控制网页显示的HTML标签，读者可以初步制作纯文章页面了。本节学习HTML中的列表元素，列表形式在网站设计中占有比较大的比重...在后面的CSS样式学习中将大量使用到列表元素的高级作用。
关于ol和ul的padding和margin默认值
01-19
在《CSS Mastery》一书的第5章中，作者说IE和Opera使用margin-left来缩进列表，而Safari和Firefox使用padding-left。经过我的实际测试，发现Opera 9（我实测的是Opera 9.23）同FF和Safari一样，也是使用padding-left...
css3-ul-ol列表
11-20
在网页设计中，CSS3（层叠样式表第三版）为开发者提供了丰富的样式控制功能，尤其是在处理无序列表（`ul`）和有序列表（`ol`）时，可以创造出各种美观、富有创意的列表样式。`ul`列表通常用于展示项目列表，而`ol`...
div+css布局必了解的列表元素ul ol li dl dt dd详解
10-30
列表元素ul、ol、li、dl、dt和dd是构建内容列表、导航链接和其他有序或无序信息的基石。了解并正确使用这些元素对于创建清晰、可访问且搜索引擎优化友好的网站至关重要。 首先，ul（无序列表）和ol（有序列表）是...
html入门（三）—— 列表（ol、ul和dl）
快乐程序猿的博客
02-11 2569
列表是网页中一种常用的数据排列方式，包括有序列表、无需列表和定义列表。1. 有序列表ol，即ordered list A. 有序列表中各个列表项是有顺序的，一般用数字或字母作为顺序，默认为数字。 B. 有序列表从<ol>开始，到<ol/>结束，中间的列表项是<li>标签内的内容。ol标签的子标签只能是li。 e.g. <ol...
vue3中使用vue-diff工具来比较数据差异
kanno的博客
11-04 272
vue3中使用vue-diff工具来比较数据差异，可以比较json、文本、css、js等数据格式，通过颜色来标识差异的地方
Python基于yolo的健身姿势检测与姿态矫正建议系统源代码+使用说明
11-06
Python基于yolo的健身姿势检测与姿态矫正建议系统源代码+使用说明 model:保存模型参数 config.yaml:配置文件 resource:输入文件夹，具有固定的目录结构（动作-视角-标准/错误点） output:输出文件夹，保持和resource相同的目录结构 main.py:实现resource2output方法,将resource中的资源全部提取数据并输出（csv格式）到output的相应位置 tasks:任务文件夹，对于不同的健身任务，分别实现标准性判别方法 keypoint.py:是对yolo模型返回的节点进行对象封装，其中的Keypoint对象封装了返回结果（是一个数组）中各关节位置对应数组中的位置，这样就不需要通过下标直接获取节点，而是通过例如get("l_elbow")的实例方法获取节点 pull_up.py:为具体健身任务实现标准性判别方法，这里是对引体向上的处理 task_processor.py由于main.py是在对resource文件夹中所有资源进行处理，不同的方法将对应不同的处理函数，task_processor.py中实现了TaskProces
使用谷歌地球引擎（GEE）和 Python 在孟加拉国西北部绘制基于机器学习算法的作物类型图.ipynb
最新发布
11-06
精确的作物类型图对于监测种植模式、可持续利用现有自然资源和估算收成至关重要。人工数字化和标注--绘制作物类型图的常用方法--大多费时、费钱，甚至容易出现人为错误。近来，机器学习算法已发展成为利用卫星图像对作物品种进行分类的经济有效的替代方法。为应对最新进展，本研究将采用机器学习算法，利用哨兵-2 图像对孟加拉国西北部（拉杰沙希县戈达加里乡）的 6 种作物类型进行分类。将研究四种机器学习算法（随机森林、人工神经网络、KNN 和支持向量机），以准确绘制作物类型图。
自定义美化UL OL发光列表
06-02
要实现自定义美化UL OL发光列表，可以使用CSS的伪元素和box-shadow属性来实现，具体步骤如下： 1. 首先，给UL OL列表添加一个class，如：glow-list。 2. 在CSS中，使用伪元素 ::before 和 ::after 来分别为每个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值