美文网首页
【Html5+CSS3 】2.5 加强版的ol与dl

【Html5+CSS3 】2.5 加强版的ol与dl

作者: 子午禾苇 | 来源:发表于2019-04-01 21:48 被阅读0次
<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>

<ol start="50">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
 
<ol reversed>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
    
<ol start="9" reversed>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>
有序列表ol start reversed
1)ol的start属性和reversed属性

<ol>标签定义了一个有序列表,列表排序以数字来显示。
使用<li>标签来定义列表选项
⚠️:无序列表使用<ul>标签

(1)strat:定义标号的开始值。不赞成使用,请使用样式表来代替它
(2)reversed:反向编号(9,8,7……)
(3)type:规定列表的类型(1,A,a,I,I)。不赞成使用,请使用样式表来代替它

2)重新定义含义的dl元素
<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>
dl dt dd
  • 在HTML4.01中,<dl>是一个专门用来定义术语 的列表。
  • 在 HTML5 中,把dl元素进行了重定义。每一项包含一条或者多条带名字的dt(定义项目/名字),用来表示术语,dt后面紧跟一个或者多个dd(描述每一个项目/名字),用来表示定义。重定义后的dl列表包含多个带名字的列表项。

相关文章

  • 【Html5+CSS3 】2.5 加强版的ol与dl

    1)ol的start属性和reversed属性 标签定义了一个有序列表,列表排序以数字来显示。使用 标签来定义列表...

  • css常见样式总结

    块级元素与行内元素 块级元素:div, h1-h6, p, hr, form, ul, ol, dl, pre, ...

  • ul、ol、dl列表

    ul(无序列表)、ol(有序)其子标签都是li,dl(定义)子标签dt(被定义的元素)和dd(元素的定义) 一般不...

  • 前端样式初始化

    html,body,div,p,b,i,span,dl,dd,dt,ul,ol,li,header,footer,...

  • 行内元素和块级元素

    一、 块级元素:div , p ,form, ul,li, ol, dl,form, address,fiel...

  • html ul,ol,dl的用法与区别

    先认识一下无序列表(ul),有序列表(ol)和定义列表(dl): ul栗子: …… …… 表现为: …...

  • 初始化CSS样式

    @charset "UTF-8";/css 初始化 /html, body, ul, li, ol, dl, dd...

  • html的标签嵌套规则

    p只能嵌套行内标签,ul/ol下只能嵌套li,dl下只能嵌套dt,dd相反,li只能呗ul/ol嵌套,dt,dd只...

  • a - table - ul - ol - dl - form

    文档声明头:告诉浏览器你要用h5标准来解析当前html文档 属性 用来描述同一类...

  • 定义列表

    1、ul,li;ol,li;dl,dt,dd的区别 首先ul为无序列表,显示出来就是圆点;ol为有序列表,是有序号...

网友评论

      本文标题:【Html5+CSS3 】2.5 加强版的ol与dl

      本文链接:https://www.haomeiwen.com/subject/wgeybqtx.html