laoyang
264a6ec06a
3.2.61 修 h2/h3 层级倒挂:h2 提到 24/700,h4 降到 500 参与分层 #29
3.2.60 我自己造出的问题:只把 h3 提到 20px/600,h2 一直是 20px/500
⇒ 两级同字号、h3 还粗 100,三级标题比二级更抢眼,层级是倒的。
根因不是实现难,是判据漏了:3.2.60 写了 52 条断言全绿,但**没有任何
一条断言 h2 > h3**(只查了 h3 > 正文),倒挂在全绿里完全隐形。
改法(用户选 D 方案,并要求 h4 一起调)
h2 24px / 700 / 左 5px 蓝条 + 浅灰底(行高 41→46)
h3 20px / 600 / 左 3px 蓝条 + 底 1px 细线,无底色
h4 17px / 500 / 纯文字
p 16px / 350
两处细节的理由
· h4 600→500:600 与 h3 同重,只剩 3px 字号差,看着像"同一级被缩小"。
降到 500 让字重也参与分层;仍明显重于正文 350(差 150),不会糊回正文。
· h2 行高 41→46:24px 字配 41px 行高,灰底上下各只剩 8.5px、看着发扁。
写进注释的两条铁律
① 字号与字重必须同时严格递减:24>20>17>16、700>600>500>350
② 装饰强度也递减:蓝条+灰底 > 蓝条+细线 > 无 > 无
任一级调了要回头核对相邻两级,不能只盯自己那一级。
验证
· _geom361_route.js 56 / 0(双端面,新增 G1~G8 层级递减 + H 装饰 + I 行高)
G7/G8 是「严格」递减,不允许相等 —— 只写 >= 的话 h2=h3=20px 照样能过
· _falsify361.js 10 / 10
R1 = 把整份 CSS 退回 3.2.60 的倒挂状态 ⇒ 56→40,红 16 条,G1/G2 命中
(这一项通过才证明上一轮的盲区真的堵住了)
· _css360_selfcheck.js 28 / 0(改动后它主动报红提示 h4 期望过期,更新后全绿)
2026-10-28 07:38:09 +08:00
..
2022-01-07 11:15:42 +08:00
2026-10-26 18:42:40 +08:00
2022-01-07 11:15:42 +08:00
2026-10-26 18:42:40 +08:00
2026-10-26 12:20:33 +08:00
2026-10-26 11:00:47 +08:00
2022-01-07 11:15:42 +08:00
2026-10-27 13:33:53 +08:00
2026-10-27 13:33:53 +08:00
2022-01-07 11:15:42 +08:00
2026-10-25 23:03:13 +08:00
2026-10-28 07:38:09 +08:00
2026-10-25 13:37:26 +08:00
2022-01-07 11:15:42 +08:00