内联样式汤
反模式:<div style="background: linear-gradient(13……病例、为什么难受、修改规则。
病例
每个元素都挂着长长一串 style,比如:
<div style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); padding: 30px; border-radius: 10px;">
为什么难受
想统一改字号,要翻遍全文件。同一种蓝色在五处写成五个略不一样的值——永远对不齐。
修改规则
同样的样式出现第二次,就让它变成一条样式规则(class 或统一的样式定义)。让 AI 改样式时补一句:“把重复的内联样式收敛成统一的样式定义。”
怎么发现
生成或修改页面后,对照检查:这个现象在我的页面里出现了吗?出现了就把本页的“修改规则”原文发给 AI。