ul标签必须严格嵌套li，li不能脱离ul存在；list-style-type仅对display:list-item生效；横向布局优先用flex；清符号用list-style:none；自定义图标需重置padding-left并调整background-position；ul/li具有不可替代的语义价值。
标签本身不渲染内容，必须配合
才能形成有效列表；单独写
而不包裹在
中，浏览器会自动补全但行为不可控，结构和语义都会出问题。
ul 和 li 必须严格嵌套，不能省略或错位
常见错误是把
直接丢在
或其他容器里，比如：
浏览器可能补成一个无样式
，也可能塞进前一个列表末尾——CSS 选不到、屏幕阅读器读错、打印样式错乱。正确写法只有一种：
是唯一合法父容器，所有
必须直接子元素
嵌套子列表时，
内部可以再放一个
，但不能把
放到
外面再包
空
（
）合法，但不渲染任何东西，别指望它占位
list-style-type 不生效？先检查 display 值
只对
生效，而
默认就是这个值。一旦你给
设了
、
或
，圆点/方块就立刻消失——不是 CSS 写错了，是元素类型变了。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML，CSS和JavaScript，您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造，可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序，然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流，并开始构建应用程序，提供更
下载
立即学习
“
前端免费学习笔记（深入）
”；
横向排列列表，优先用
+
，保留
的默认 display
若必须改
的 display，记得手动加回
和
对齐符号
清符号用
，比只设
更彻底（它同时清除图片和位置）
自定义图标时 padding-left 容易漏调
用
替换项目符号很常见，但默认
有
，不重置会导致图标和文字重叠或缩进过深。
先写
再给
加
和
（留出图标空间）
注意
中的
依赖行高，如果
很小，图标可能上下偏移
最常被忽略的是语义完整性：用
+
模拟列表，视觉上可能一样，但对键盘导航、屏幕阅读器、SEO 都是硬伤——
/
不只是加个点，它明确告诉浏览器“这是一组并列项”，这个信号没法靠 CSS 补回来。
ulliliullibody
苹果
香蕉
ululliliulululliul
list-style-typedisplay: list-itemlilidisplay: flexdisplay: inline-blockdisplay: gridul { display: flex }li { margin-right: 1em }lililist-style-position: insidevertical-align: toplist-style: nonelist-style-type: nonebackground-imageulpadding-left: 40pxul { list-style: none; padding-left: 0; }libackground: url(icon.png) no-repeat left centerpadding-left: 24pxbackground-positionleft centerline-heightdivpulli