我是一个编程出血者，正在尝试使用AI做一个管理日常的支出与收入情况个人记账网页。 目标用户是事务繁多，但是需要管理财务问题的人。
请帮助我生成记账网页的静态页面，包含一下元素：
- 页面标题“日常收支情况”
- 输入区域：
- 输入框，用于记录信息
- 一个添加按钮
- 展示区域：
- 展示当前的支出、收入情况
- 每个项目都有编辑额、删除选项
- 代码将由我这个初学前端的人编写
- 目标用户是事务繁多，但是需要管理财务问题的人
- 页面采用HTML、CSS、JavaScript编写
- 页面布局采用响应式设计，能够在不同设备上正常显示
- 页面采用静态页面，不涉及后端服务器
- 数据采用浏览器本地存储保存
- 代码会进行多次迭代，需要注重扩展性，后续会逐渐完善，不需要以此考虑全部问题
- P1 请在当前这个程序的基础上，将收支项目的展示区域升级为基于日历管理的形式，并且可以交互。基础页面是近期以日为的那位的收入和支出情况，点击对应的天后，可以查看每天的明细。 如果对于迭代需求有问题，欢迎及时反馈。
- 当前这个内容有所失衡，展示当前收支的总表和交易记录应该被移动到网页上发，并且占用更大的空间；添加收支的部分应该占用较小的空间，并引动到角落或者底部，而且应该设置为唤醒模式，即点击添加后才会弹出对应的文本输入框，否则则只会展示当前的收支情况。
- 给每项收支设置分类，分类项目严格约束为常见的分类，默认会给一个常见分类表。如果用户想要额外新增，则会有一个新增分类选项。
- 添加收支项目的按钮独立于主要页面之外，不够美观，请将其调整至总收支出之下、日历之上。
- 与添加收支项目按钮同行设置这些按钮：1. 新增分类； 2. 设置余额