文件名称:profile-card:我来自前端导师挑战赛的个人资料卡
文件大小:266KB
文件格式:ZIP
更新时间:2024-06-05 12:44:57
HTML
前端导师-个人资料卡组件解决方案 这是的的解决方案。 前端导师挑战可帮助您构建现实的项目,从而提高您的编码技能。 目录 概述 个人资料卡组件是应用程序典型用户个人资料的示例设计/布局。 它将使用基本HTML和CSS创建。 挑战 挑战在于将项目扩展到设计文件夹样本中提供的设计。 挑战还在于测试用户对编码技术的了解以及对细节功能的关注。 截屏 链接 解决方案URL: Github存储库 实时站点URL:托管站点链接 内置 HTML5 CSS3 弹性盒 移动优先的工作流程 我学到的是 CSS选择器的优先级顺序[默认标签<类<ID <内联样式] 正确使用CSS背景属性 各种CSS单位,例如: rem 有用的资源 W3Schools-这有助于我正确理解和使用一些CSS属性和值。 CSS技巧-解释了flexbox并显示了一些属性的更多使用示例。 作者 网站-Obieze Eze
【文件预览】:
profile-card-main
----index.html(2KB)
----images()
--------bg-pattern-top.svg(391B)
--------favicon-32x32.png(1KB)
--------bg-pattern-card.svg(5KB)
--------eze.jpg(29KB)
--------bg-pattern-bottom.svg(404B)
----design()
--------Desktop.png(336KB)
--------Mobile.jpg(61KB)
----README.md(2KB)
----css()
--------style.css(1KB)
----style-guide.md(468B)
----.gitignore(548B)