列表(list)分为 :

            1:有序列表  用ol创建,li表示列表项

            2:无序列表   用ul创建  li表示列表项

<ol><li>demonstration</li><li>demonstration</li>
</ol>
<ul><li>demonstration</li><li>demonstration</li>
</ul>

默认样式:左边有间距,有项目符号:

使用type属性可以更改项目符号,可修改的属性有:

有序列表 :1,a,A,i,I

无序列表:disc,默认值,实心的圆点

square,实心的方块

circle,空心的圆

<ol type="i"><li>demonstration</li><li>demonstration</li>
</ol>
<ul type='circle'><li>demonstration</li><li>demonstration</li>
</ul>

    3:定义列表   用dl创建,dt下定义  dd解释定义

<dl><dt> one demonstration</dt><dd>content</dd><dd>content</dd>
</dl>

      默认样式:

注意:列表是可以相互嵌套

HTML列表的三种样式相关推荐

  1. CSS的三种样式:内联式,嵌入式,外部式以及他们的优先级

    从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式.嵌入式和外部式三种. 1:内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p style=" ...

  2. CSS三种样式表:行内样式表、内部样式表、外部样式表

    目录 一.CSS三种样式表 1.内部样式表 2.行内式(内联样式) 3.外部样式表(外链式) 二.三种样式表的对比 三.CSS样式表规则 一.CSS三种样式表 1.内部样式表 2.行内样式表(内联式) ...

  3. CSS三种样式表 内部样式表、行内部样式表、外部引用

    目录 CSS三种样式表 1.内部样式表 2.行内部样式表 3.外部引用: CSS三种样式表 1.内部样式表 2.行内样式表(内联式) 3.外部样式表(外链式) 1.内部样式表 内嵌式:将CSS代码集中 ...

  4. CSS三种样式表(内部样式表、行内样式表、 外部样式表)

    引入CSS样式表(书写位置) CSS可以写到那个位置? 是不是一定写到html文件里面呢? 内部样式表(内嵌式) 内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义 ...

  5. QT 语言学习 day07 ui 界面 三种样式的按钮开关的制作!

    1.定义一个按钮类 : class ImageSwitch 首先我们需要定义它的 成员函数: 1. 按钮的样式   enum ButtonStyle   (枚举来定义)公有的定义给私有成员使用 2.我 ...

  6. HTML引入css样式的三种方式,css选择器的三种样式

    文章目录 前言 一. css样式的三种方式 第一种:内联定义方式 第二种: 样式块 第三种:引入外部独立css文件 二. 选择器的三种样式 第一种:id选择器 第二种:标签选择器 第三种:类选择器 三 ...

  7. CSS中的三种样式来源:创作人员、读者和用户代理

    查看原文:https://www.cnblogs.com/JJJJJKKKKK/articles/4542545.html CSS中的样式一共有三种来源:创作人员.读者和用户代理,来源的不同会影响到样 ...

  8. CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表

    前言:本篇文章为 CSS 基础系列笔记第一篇,参考 黑马程序员pink老师前端入门教程 如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...

  9. html的三种样式定义方式:外部样式表;内部样式表;内联样式表

    html.css.javascript是网页中的三个基础,他们分别是数据.样式.行为. css样式分为三种 style.html <!--作者:948228952@qq.com时间:2015-0 ...

最新文章

  1. 面试官问:能否模拟实现JS的new操作符
  2. android unity hook,[原创]Unity3d安卓游戏DLL动态调式与HOOK基础
  3. virtualbox中Centos6.6和windows共享文件夹设置
  4. Python 列表笔记
  5. hihocoder#1513 : 小Hi的烦恼
  6. gtx1050ti最稳定的驱动_笔记本1050ti显卡安装最新驱动版本 (415.27) 记录 NVIDIA显卡GeForce系列...
  7. c++类模板用法讲解
  8. The Bean Validation API is on the classpath but no implementation could be found 项目启动报错解决
  9. “舒淇半停工原因”上热搜:人生下半场,拼的是健康
  10. PHP开源公司订餐系统Food Online System Version1.6
  11. iOS pch文件配置
  12. 记录一款绿色便携的sqlist3数据库编辑工具SQLiteSpy
  13. zoc for mac注册码
  14. 分享一个蓝月传奇手游辅助脚本,想回味传奇游戏又不想费太多时间练级的可以试试
  15. 小白搭建个人网站最详细的全过程
  16. socket.io简易教程(群聊,发送图片,分组,私聊)
  17. C++ 主流报表框架
  18. RK3588 实现温控风扇之pwm驱动调试(二)
  19. EUI学习之Group
  20. Unity Hub 无法登录

热门文章

  1. SKEY协议设计实验
  2. 基本中型网络的仿真(RYU+Mininet的SDN架构)-以校园为例
  3. rv1126 SDK简单编译
  4. php swoole soket,swoole和socket的区别
  5. 整除判断游戏能显著提高小朋友的逻辑思维能力,问题要求如下:• 能同时被 3、5、7 整除• 能同时被 3、5 整除• 能同时被 3、7 整除• 能同时被 5、7 整除• 只能被 3、5、7
  6. 视角设置(第一人称、第三人称)
  7. Hexo博客Next主题bilibili视频Markdown插入文章
  8. Hexo-NexT主题中文目录不跳转的解决方法
  9. MAX30102心率、血氧一种算法
  10. 距离元旦还有多少天-----电子时钟