css常见的列表有 |css 中的float

CSS常见的列表有 CSS中的列表主要包括无序列表和有序列表两种。无序列表通常用于显示一些没有顺序的信息，比如博客中的标签云；有序列表则用于需要按照一定顺序排列的内容，比如一个菜单列表。 无序列表 无序列表使用ul标签表示，其中每个列表项使用li标签表示。大家通常使用CSS来改变无序列表的样式，比如改变列表项的符号、缩进和行距。 以下是一个使用CSS改变无序列表样式的例子：

ul {
list-style: none; /* 删除原有符号 */
margin: 0;
padding: 0;
}
li {
background-color: #eee;
border-radius: 5px;
margin-bottom: 5px;
padding: 10px;
}

有序列表 有序列表使用ol标签表示，其中也是使用li标签表示每个列表项。与无序列表不同的是，有序列表需要按照一定顺序排列，可以通过CSS控制列表项的顺序和样式。 以下是一个使用CSS改变有序列表样式的例子：

ol {
counter-reset: my-counter; /* 重置计数器 */
list-style: none; /* 删除原有符号 */
margin: 0;
padding: 0;
}
li {
counter-increment: my-counter; /* 增加计数器 */
background-color: #eee;
border-radius: 5px;
margin-bottom: 5px;
padding: 10px;
}
li::before { /* 在每个列表项前插入计数器 */
content: counter(my-counter) ". "; /* 使用计数器 */
font-weight: bold;
}

以上是CSS常见的列表的介绍，希望对你有所帮助。