文章标签

我正在阅读 Google 的 web.dev 博客上的“创意列表样式”，并注意到文章中 ::marker 部分的代码示例中有些奇怪。内置的列表标记是项目符号、序数和字母。::marker 伪元素…

列表——我们都以某种形式使用过它们。我指的是 HTML 的 <ol> 和 <ul>。很多时候，因为我们希望控制样式，所以我们使用 list-style-type: none 完全关闭列表的标记，并开始...

列表渲染其标记在它们自己的盒子之外（默认情况下）的事实有点奇怪。任何隐藏的溢出或超出浏览器边缘的部分都会隐藏它们。将它们移到盒子内部感觉更好更安全，但是...

list-style 属性是一个简写属性，它在一个声明中为三个不同的与列表相关的属性设置值。

ul {
  list-style: <list-style-type|| <list-style-position|| <list-style-image;
}

以下是一个语法示例

ul {
  list-style: square outside none;