前端导师-具有主题切换器挑战解决方案的社交媒体仪表板 这是的的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 挑战 用户应该能够: 根据设备的屏幕尺寸查看网站的最佳布局 查看页面上所有互动元素的悬停状态 将颜色主题切换为他们的喜好 截屏 链接 实时网站网址: 内置 语义HTML5标记 CSS自定义属性 Sass预处理器 弹性盒 CSS网格 香草Javascript 我学到的是 这是我第一次使用预处理器,我感到很合理,但仍有改进的空间。 我在CSS中学习了数据html属性以及过渡类,并使用它们在JS中触发了暗模式。 <html lang="en" data-theme="light"> html[data-theme='dark'] { --color-bg: hsl(230, 17%, 14%); --color-bg-pattern: