【前端基础项目练习】HTML5 + CSS3 个人简历页面【拓展部分js】

💻完整代码

github.com/llddmwml/-H…

📌 功能要求

• 使用 HTML5 语义结构划分页面

• 包含以下内容：

  • 头像
  • 姓名、职业、联系方式
  • 技能列表（用进度条或条形图）
  • 教育背景 / 工作经验
  • 兴趣爱好

• 使用 CSS3 做出美观排版和样式

📝知识点

• 使用 HTML5 语义标签（<header>、<nav>、<main>、<section>、<footer>）

• 使用 CSS3 实现基本样式、字体、颜色、盒模型、Flexbox 布局

✅ （JS）扩展功能清单

1. 🎯 CSS 动画（头像淡入、模块过渡）
2. 📱 响应式布局（移动端优化）
3. 📊 技能条形图（封装成可重用的组件并且加入交互式显示百分比数字）
4. 🌗 可切换深浅主题模式

效果图