无序列表、有序列表、自定义列表

 一.无序列表使用

    1.标签名称

        - ul 父级标签 表示列表盒子

        - li 子级标签 表示列表内容

    2.列表可以有一个,子级内容可以有多个,需要进行嵌套显示

    3.默认样式

        - 无序列表有黑色的实心圆

        - 独占一行,上下显示

        - 父级元素上下和左侧都是有间距的

    4.无序列表中的属性设置

        - 属性:type 表示类型

        - 属性值:circle空心圆/disc实心圆/square方形

    5.作用:常用于新闻列表或者导航

    6.快捷写法:ul>li*n{文本} (VScode)

二:有序列表

    1.标签名称:ol>li

    2.有序列表中的属性设置

        - type 类型:默认是1 a/A i/I

        - start 开始 第几个开始显示(属性值只能是数字)

三:自定义列表使用

    1.标签名称

        - dl 父级标签 表示列表盒子

        - dt 子级标签 表示存放图片或者名词

        - dd 子级标签 表示对图片或者名词的解释

    2.使用的注意事项

        - 快捷写法:dl>dt+dd (VScode)

        - 自定义列表如果有多个子级需要修饰的时候 需要重新写整个自定义列表

有序和无序列表的默认样式是有兼容问题的,一般都是不用的,需要清除掉

    1.属性:list-style

    2.属性值:none

*{
    margin:0;
    padding:0;
    list-style:none;
}

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值