1. font-size
10px 中文ABC123
11px 中文ABC123
12px 中文ABC123
13px 中文ABC123
14px 中文ABC123
16px 中文ABC123
18px 中文ABC123
20px 中文ABC123
24px 中文ABC123
28px 中文ABC123
32px 中文ABC123
2. font-weight
300 中文ABC123
400 中文ABC123
500 中文ABC123
600 中文ABC123
700 中文ABC123
3. line-height (14px)
LH1.0 中文测试文字验证行高
LH1.25 中文测试文字验证行高
LH1.5 中文测试文字验证行高
LH2.0 中文测试文字验证行高
4. letter-spacing
0px 中文ABC123
0.5px 中文ABC123
1px 中文ABC123
2px 中文ABC123
5. width bars
108 (25%)
215 (50%)
323 (75%)
420 (≈100%-10)
6. height bars
20
40
60
80
100
7. padding
p4
p8
p12
p16
p20
8. margin
ml:0
ml:10
ml:20
ml:40
9. border-radius
r2
r4
r8
r12
r20
50%
10. border-width
1px
2px
3px
11. gap
gap:4px
gap:8px
gap:12px
12. box-shadow
sm
md
lg
13. colors
pri
suc
wrn
err
g1
g2
g6
g13
14. text-align
left 左对齐
center 居中
right 右对齐
15. text-overflow
这是一段很长的文字用于测试文本溢出省略号效果展示
这是一段很长的文字用于测试多行文本溢出省略号效果展示两行截断
16. flex layout
space-between
space-around
center
17. card
经营一览 本月
¥128,560.00
较上月 +12.5%
18. list items
台费收入¥85,200
商品收入¥32,100
助教收入¥11,260
19. full-width bars