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

 一.无序列表使用

    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;
}

你可能感兴趣的:(html)