表格样式,有序列表无序列表

1、无序列表

各列表项之间没有次序,各项之间为并列关系

  • 语法

  •  <ul><!-- 列表容器 -->
            <li>列表项</li>
            <li>列表项</li>
            <li>列表项</li>
        </ul>

  • 有序列表

  • <ol><!-- 列表容器 -->
            <li>列表项</li>
            <li>列表项</li>
            <li>列表项</li>
        </ol>
        <ol start="6" reversed type="I">
            <li>列表项</li>
            <li>列表项</li>
            <li>列表项</li>
        </ol>
         strat属性:开始值 写在 <ol start="6"></ol>开始标签中
         reversed属性:倒叙  写在 <ol start="6" reversed></ol>开始标签中

    type属性(了解)

    - `a`: 小写字母

    - `A`: 大写字母

    - `i`: 小写罗马数字

    - `I`: 大写罗马数字

    - `1`: 数字 默认值

  • 自定义列表

  • 自定义列表

            语法:
         <dl>
             列表容器
            <dt>词专业名</dt>
            <dd>对专业名次的解释</dd>
        </dl>
        在浏览器中,dd标签的内容会缩进显示

    <dl>
            <dt>词专业名</dt>
            <dd>对专业名次的解释</dd>
            <dt>web大前端</dt>
            <dd>HTML、CSS、JAVASCRIPT</dd>
        </dl>

    > 浏览器显示,dd标签的内容会缩进显示

    - 特性
      - 宽度默认撑满整个父元素
      - 高度默认由内容撑开
      - 独立成行 
      -dl dt dd都是块级标签
        dl标签自带外间距
        dd标签自带外间距
        浏览器显示,dd标签的内容会缩进显示


    典型应用

    - 名词解释、分类(大分类-细节的类别)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值