我很高兴能够参加这次青训营前端专场。下面我写的是第一个主题：制作我自己的名片。制作一张线上的个人名片，向外界展示自己的同时，方便需要的人联系自己。
主题介绍
名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。
创作思路
名片是一张很薄的卡片，里面只介绍一些基本的个人信息，可以让需要的人很快联系到你。一个线上的个人名片必须很简洁，但是也可以加上一些比较酷的动画来实现。
HTML部分&CSS部分
- 整体代码都是比较基础的HTML与CSS，没有比较难或者冷门的知识点。
- 整体布局上采用上下的方式，我们常采用display:flex设置自适应布局，上下盒子完全由里面的内容撑开。
- 头像用border-radius设置成圆形，父级元素也设置成圆形，使用@keyframes规则每间隔3S过渡一次。
- 需要注意：父级元素设置成行内块，图像设置成块级元素，父级元素才会在外围形成一个大于图像的圆。添加background-size之后才会形成明显的闪烁，背景图片被拉伸。
MDN: https://developer.mozilla.org/zh-CN/docs/Web/CSS/background-size
代码
成品
结语
希望我在这次青训营中能够结识更多有趣的伙伴，可以相互学习，一起进步！通过此次入营活动，我学习到前端知识想要熟练使用，不但需要掌握深入且前端知识，还需要经常去使用它们，动手去写，才能进一步深入理解。
