CSS
CSS 层叠样式表
CSS 是一组控制网页元素外观和排列方式的规则。它可以设置颜色、间距、布局、不同屏幕的变化和视觉状态。
另一个例子
同一篇 HTML 文章要在 320 和 1280 像素宽的屏幕上正常显示。CSS 的布局与媒体查询规则会重新排列内容;更改页面数据或业务规则,不是 CSS 的工作。
主要部分
- 01选择器
- 02声明
- 03cascade 与计算值
什么时候用
说明选择器或样式应用顺序(cascade)时,可以使用。也可说明算出的属性值、布局或外观。
什么时候不要用
不要把内容的含义或应用数据变化,说成 CSS 的职责。
代码里的名称
selector { property: value; } 上线前要检查
检查程序运行环境与版本、集成边界、依赖与许可,以及支持的平台。验证安全、失败处理、性能与监控。也要检查部署、支持负责人、升级路径与恢复上一版的方法。
预期结果:把 CSS 层叠样式表 (CSS) 当作团队能维护的技术基础,并检查它是否符合产品需求。 用户场景:同一篇 HTML 文章要在 320 和 1280 像素宽的屏幕上正常显示。CSS 的布局与媒体查询规则会重新排列内容;更改页面数据或业务规则,不是 CSS 的工作。 技术或工程概念:CSS 层叠样式表 (CSS)。 适用理由:说明选择器或样式应用顺序(cascade)时,可以使用。也可说明算出的属性值、布局或外观。 不应使用的情况:不要把内容的含义或应用数据变化,说成 CSS 的职责。 工程适配:定义程序运行环境与版本。说明它负责什么、接口、数据流、依赖、支持平台、安全与性能限制,以及如何接入现有技术组合。 生命周期防护:检查依赖是否健康、许可是否可用。加入监控与安全备用做法,并指定升级负责人。没有可衡量的好处时,不要再加入功能重复的框架或工具。 验收标准:用最小集成证明必要行为。测试兼容性、安全性、失败与性能。记录部署、升级、支持与恢复上一版的方法。 证据与限制(证据边界):正式文档仍可能是草案、候选版或最终版。请查看文档状态,也要确认浏览器或平台是否支持。 待确认:现有技术组合、运行环境、版本规则、目标平台和依赖负责人。也要确认性能预算、支持期限与迁移限制。
检查这份需求
请 AI 编程助手检查当前如何使用 CSS 层叠样式表 (CSS)。 定义:CSS 是一组控制网页元素外观和排列方式的规则。它可以设置颜色、间距、布局、不同屏幕的变化和视觉状态。 生产环境检查:检查程序运行环境与版本、集成边界、依赖与许可,以及支持的平台。验证安全、失败处理、性能与监控。也要检查部署、支持负责人、升级路径与恢复上一版的方法。 修改程序前,先列出看到的证据、缺口、严重程度,以及最小且安全的修正。