li身上为什么会有小圆点，真相竟然是这样

1、首先我们来看一下ul身上的属性

ul {
    display: block;                              //转换为块级元素
    list-style-type: disc;                      //这个是设置样式的，下面我总结一下
    margin-block-start: 1em;                   //根据MDN,这个属性定义了一个元素的逻辑块的开始边距
    margin-block-end: 1em;                    //这个就是定义了一个结束的边距
    margin-inline-start: 0px;                 //定义了元素的逻辑内联起始边距
    margin-inline-end: 0px;
    padding-inline-start: 40px;              //定义了元素的逻辑内联起始填充
}

ul中list-style-type属性 none：不使用项目符号 disc：实心圆 circle：空心圆 square：实心方块 decimal：阿拉伯数字 lower-alpha：小写英文字母 upper-alpha：大写英文字母 lower-roman：小写罗马数字 upper-roman：大写罗马数字

padding-inline-start: 40px; 这就是为什么ul有个初始的padding了 list-style-type 是ul的属性但是却作用在li身上

我们看看li身上的属性 li的身上有list-style-type属性，而且是继承ul。这就解释了为什么li身上有小圆点了