层叠样式表
Cascading Style Sheets
学到 认得 就够：听到能明白
你可能会说
“我想调整研究网页的字号、留白和手机布局，CSS 负责哪些显示规则？”
CSS描述HTML等结构如何呈现，包括字号、颜色、间距、布局和在不同屏幕下的样式。它让同一份内容可以有不同视觉安排，而不用把所有外观要求塞进正文。
使用 AI
科研里的例子
要求术语页在手机上保持正文易读，长表格能横向查看，来源链接仍可点击。
“层叠”涉及多条规则同时作用时如何确定最终样式；选择器、优先级和继承都会影响结果。改一个全局规则可能影响很多页面，所以提出设计要求时应说清页面范围、屏幕条件和希望保留的内容层级。
动手试一次
把“高级一点”改成可观察的字号、行距、列宽和交互状态要求。
在你的学科里，直接拿去用
把科普网站想法转为设计简报
请把我的科普网站想法写成设计简报，供下一轮Claude Design使用。 读者：[填写] 真实内容样例：[提供3—5份标题、摘要或卡片] 参考页面与喜欢的部分：[链接及原因] 先明确读者来要解决的事、首次访问路径、回访理由和内容维护量。分别讨论问题页、知识卡库、学习路线与作者更新流是否需要。给栏目命名、信息顺序、桌面与手机行为、空状态、加载状态、错误状态和可检查标准。提供必要的中英设计措辞；不用“高级感”替代尺寸、层级和动作。当前只交简报与待比较方案，不改网站界面代码。方括号里的内容换成你自己的。来自知识增量《科研中英表达与 Prompt 指南》PG12
查错并交付能核验的修复
请定位问题并给最小修复。 代码与环境：[粘贴] 输入样例：[不含私密信息的小样本] 实际错误或输出：[粘贴] 我期望：[填写] 先区分已观察事实与可能原因，优先用最小样例验证。解释根因，给最小差异和有意义的检查。没有实际运行权限时明确标为未运行建议，不把推测写成测试通过。若修改会影响研究规则或结果，指出具体影响，不顺手重构无关部分。方括号里的内容换成你自己的。来自知识增量《科研中英表达与 Prompt 指南》PG09
判断
亲手检查一次
在代表性屏幕和长内容下检查布局，确认没有遮挡与横向溢出。
它做不到的
CSS能改变外观，不能凭空生成可靠研究证据或完成服务端存储。
增量，由你来写
读完这张，你的理解变了什么？
留言功能会在后面的版本开放。现在可以先在 X 上 @knowledgedelta 告诉我。