CSS中的列表样式

1.默认样式

ul,ol 元素的margin-top,margin-bottom均为16px(1em) , padding-left为40px(2.5em)

li 元素没有设置默认的空⽩

(⾏间距) dl 元素的margin-top,margin-bottom均为16px(1em),但是没有内边距 dd 元素的margin-left为40px(2.5em) p 元素的margin-top,margin-bottom为16px(1em)

2.list-style-type

设置列表项标志类型 就是前面的是用罗马还是方块来标识

3.list-style-position

设置列表项标志出现的位置

取值:outside 列表项标志出现在主块框的外部

inside 列表项标志出现在主块框的内部

4.list-style-image

自定义设置列表项标志

取值:url:指定图标的位置

5.list-style

列表样式的速记写法

取值:

相关推荐
用户059540174465 小时前
向量库静默丢数据踩坑实录:Playwright 端到端测试让我排查了72小时
前端·css
ZhengEnCi1 天前
Q06-导航按钮高级拟态玻璃效果构建完全指南
前端·css
用户059540174461 天前
Redis持久化踩坑实录:这个数据丢失Bug让我排查了6小时
前端·css
用户059540174462 天前
Redis记忆存储故障恢复测试踩坑实录:手动测试让我漏掉了2个一致性Bug
前端·css
用户059540174462 天前
用了3年Mock,才发现Redis记忆存储的测试一直漏掉了60%的边界场景
前端·css
用户059540174463 天前
用了6个月LangChain,才发现AI Agent的记忆存储一直有坑——写了23个Pytest用例才彻底修好
前端·css
用户059540174463 天前
把LLM记忆测试从手工脚本换成Pytest参数化,回归时间从2小时降到10分钟
前端·css
用户059540174464 天前
Redis缓存一致性踩坑实录:线上故障排查6小时,我用pytest+内存快照把它永久关进了笼子
前端·css
llllk5 天前
新手向逐段讲解
css
玄玄子6 天前
CSS 浮动引起父元素高度塌陷
前端·css