CSS · 页面的皮肤
英文:css(逐字母读 C-S-S)
技术栈与工具难度:入门 ★
🗣️一句话大白话
控制「长什么样」的样式语言:颜色、大小、间距、布局、动效全归它管。AI 写页面美不美,一大半取决于它生成的 CSS 质量。
🎬真实场景
你说「按钮太丑」,AI 改的是 CSS;你说「手机上挤成一团」,AI 改的还是 CSS(响应式部分)。按 F12 检查元素,右侧面板显示的就是它。
📮你可以这样说
「「调整按钮样式:主按钮深绿底白字、圆角 8px、内边距上下 12px 左右 24px;悬停加深底色,禁止改变尺寸和位置。」」
⚠️边界与常见误解
- ▸CSS 会「层叠」:多处样式可能同时命中一个元素,改一处别处也可能跟着变
- ▸样式不生效多半是被更高优先级的规则盖了——F12 能看到谁赢了
- ▸让 AI 用统一方案(Tailwind 或独立样式文件),别混着来