CSS 列表样式（ul）全面解析

/* 设置无序列表的默认样式 */
ul {
    list-style-type: disc; /* 实心圆形标记 */
    margin-left: 0; /* 左边距设置为0 */
    padding-left: 40px; /* 左侧填充设置为40px */
}
 
/* 设置有序列表的默认样式 */
ol {
    list-style-type: decimal; /* 数字标记 */
    margin-left: 0; /* 左边距设置为0 */
    padding-left: 40px; /* 左侧填充设置为40px */
}
 
/* 设置列表项的样式 */
li {
    line-height: 1.5; /* 行高设置为1.5倍字体大小 */
}
 
/* 设置列表项的伪类样式，用于 :before 或 :after 伪元素 */
li::before {
    content: "🔹"; /* 使用Unicode字符作为列表项前缀 */
    margin-right: 5px; /* 右边距设置为5px */
}
 
/* 设置自定义列表的样式 */
dl {
    margin-left: 0; /* 左边距设置为0 */
}
 
/* 设置自定义列表的标题样式 */
dt {
    font-weight: bold; /* 字体加粗 */
    margin-bottom: 5px; /* 下边距设置为5px */
}
 
/* 设置自定义列表的定义样式 */
dd {
    margin-left: 40px; /* 左边距设置为40px */
}

这段代码为无序列表(ul)、有序列表(ol)、自定义列表(dl)设置了默认样式，并且通过伪类(::before)添加了自定义的列表项前缀。这是一个简洁而有效的样式设置示例，适用于教育目的和实战应用。