前端从零开始学习笔记(四)-----UL无序列表,OL有序列表,DL自定义列表

本文介绍了前端开发中常见的三种列表类型:无序列表UL、有序列表OL和自定义列表DL。针对每种列表,详细讲解了其内部结构,如只能包含
  • 标签,以及如何通过CSS属性如type和start进行样式和行为的调整。同时,分享了使用VSCode编辑器的快捷键来快速创建列表的方法。
  • 摘要由CSDN通过智能技术生成

    UL无序列表:

    • UL里边只能放<li>标签,<li>标签可以放其他的标签。
    • 其中UL标签中默认的是黑心圆,利用type=""可以更改属性。
    • UL的属性有:disc(黑心圆),circle(空心圆),square(黑心正方形),none(隐藏符号)//none最常用
    • Vscode快捷键:UL>LI*3
    <ul type="none">
            <li>这个实例是无序列表</li>
            <li>中国</li>
            <li>日本</li>
        </ul>

    OL有序列表:

    1. OL里边只能放<li>标签,<li>标签可以放其他的标签。
    2. 其中type=""可以设置属性,start=""设置开始值(取值只能是数字)。
    3. type的属性可以有:1,a,A,i,I。
    4. Vscode快捷键:OL>LI*3
     <ol type="A" start="1">
            <li>这
    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

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

    抵扣说明:

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

    余额充值