SuperAPI AI 工具集

css-fundamentals

前端与建站

查看项目

更新于 10-16 08:07

技能介绍

用途:这是一项聚焦 CSS 基础知识的技能,面向初学者到中级开发者,围绕选择器、优先级、盒模型、定位和单位等核心主题提供原子化讲解。技能类别标注为核心 CSS,无依赖,关联代理为 01-css-fundamentals。

主要能力:覆盖选择器(元素、类、ID、属性选择器、伪类、伪元素、组合器)、优先级((0,0,0,0) 计算、层叠顺序、!important 用法与陷阱、继承模式)、盒模型(content/padding/border/margin、box-sizing、外边距折叠、行内与块级尺寸)、定位(static、relative、absolute、fixed、sticky、层叠上下文与 z-index、包含块、偏移属性)、单位(绝对单位 px/pt/cm,相对单位 em/rem/%/vh/vw,新单位 ch/lh/cqi/cqw 及选用建议)。附带优先级快速计算示例与盒模型示意图、测试模板。

使用方式:调用 Skill("css-fundamentals")。参数 topic 必填,取值 selectors、specificity、box-model、positioning、units、display;level 可选,默认 beginner,取值 beginner、intermediate、advanced;include_examples 可选,默认 true。校验规则要求 topic 必填且为有效枚举值。

适用场景:学习或查阅 CSS 基础概念、判断选择器优先级、理解盒模型与 box-sizing、选择合适单位与定位方式。

限制:资料未提供具体平台依赖、收费或价格信息;重试、日志与错误处理为元数据描述(如 TIMEOUT、RATE_LIMIT 可重试,INVALID_TOPIC、LEVEL_MISMATCH、PARAM_VALIDATION 等错误码及恢复建议),实际效果暂未提供。