# HTML+CSS网页开发

编写HTML页面结构和CSS样式。触发关键词：HTML、CSS、页面布局、样式设计。

## 执行步骤

### 步骤1：读取相关常识知识
使用 `read_knowledge knowledge_name='color_system'`、`read_knowledge knowledge_name='typography'`、`read_knowledge knowledge_name='responsive_breakpoints'`、`read_knowledge knowledge_name='spacing_grid'`

### 步骤2：读取工作提示词
使用 `read_work work_name='html_css'`

### 步骤3：分析设计稿
使用 `read_text` 读取UI设计文档。

### 步骤4：编写HTML结构
使用 `write_text` 编写语义化HTML。

### 步骤5：编写CSS样式
使用 `write_text` 编写CSS样式文件。

### 步骤6：响应式适配
添加媒体查询和弹性布局。

### 步骤7：浏览器验证
检查渲染一致性。

## 输出成果
1. HTML页面 / CSS样式文件

## 失败处理
- 若浏览器渲染不一致，使用CSS兼容前缀
- 若布局错位，检查盒模型和定位

## 禁止行为
- ❌ 禁止使用非语义化的div堆砌
- ❌ 禁止忽略移动端适配