一、开发工具1.编译器Trae AI编译器书写代码2.浏览器建议Google Chrome展示效果二、模块1.HTML5语义标签常见布局标签2.CSS3核心技术选择器、盒子模型、精灵图、字体图标、视差滚动3.现代网页布局flex布局、grid布局、定位布局、多列布局等4.交互动效设计2D变换、3D变换、动画、过渡、动效案例5.前言技术拓展svg动画、clip-path、滤镜、动画时间线、变量、计算函数、案例6.移动端网页开发vw/vmin适配方案、rem适配方案、优医问诊项目7.响应式网页开发媒体查询、Bootstrap框架、designcode响应式项目8.前端网页托管三、浏览器调试1.打开方式①右击→【检查】or ② ctrlshifti2.检查对话框