在网页设计中，列表是展示信息的常用方式，而使用 CSS 对列表进行样式设置能让页面更加美观和易读。在 CSS 里，我们可以在一个声明中定义所有列表属性，这极大地提高了代码的编写效率。

我们要了解有哪些主要的列表属性。列表属性涵盖了列表样式类型（list-style-type）、列表样式位置（list-style-position）以及列表样式图像（list-style-image）等。

列表样式类型决定了列表项标记的外观。常见的值有 disc（实心圆）、circle（空心圆）、square（实心方块）等。例如，当你希望无序列表呈现为方块样式时，可以这样写代码：ul { list-style-type: square; }。而对于有序列表，其值有 decimal（十进制数字）、lower-roman（小写罗马数字）、upper-alpha（大写英文字母）等。

列表样式位置属性用于指定列表项标记是在内容框内还是框外。取值有 inside 和 outside。当设置为 inside 时，列表项标记会在内容框内部，与文本对齐；设置为 outside 则在内容框外部。如：ul { list-style-position: inside; }。

列表样式图像属性允许使用自定义图像作为列表项标记。语法为 list-style-image: url('图像路径')。例如：ul { list-style-image: url('star.png'); }，这样列表项就会以指定的 star.png 图像作为标记。

现在，重点来了，如何在一个声明中定义所有列表属性呢？使用复合属性 list-style 就可以轻松实现。其语法格式为：list-style: list-style-type list-style-position list-style-image。例如：ul { list-style: square inside url('icon.png'); }，这一行代码就同时设置了列表的样式类型、位置和图像。

在实际应用中，合理运用复合属性不仅能减少代码量，还能提高代码的可读性和可维护性。这也有助于搜索引擎更好地理解页面结构和内容，对 SEO 有一定的积极作用。通过在一个声明中定义所有列表属性，开发者可以更加高效地完成页面列表样式的设计，打造出更具吸引力和用户体验良好的网站。