当青训营遇上码上掘金
很高兴能够入营第五届字节跳动青训营，在本次「青训营 X 码上掘金」主题创作活动入营版中，我选择了 主题 1：我的名片 作为代码创作主题。
创作灵感
主题介绍：名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。1
根据主题要求，我在码上掘金平台使用了 HTML 和 CSS 创作了一个静态网页，网页的内容为我（后藤一里）的名片。
作为一张名片，包含了我的姓名、职业、照片以及个人简介等内容。
创作过程
使用码上掘金平台可以不用搭建任何环境就可以在网页中编写代码，而且可以实时预览网页的效果。
首先使用 HTML 编写名片的内容。将各个内容使用 HTML 标签包裹起来，比如标题放在 <h1> 标签中，段落文字放在 <p> 标签中，对于名片的各个部分，使用 <div> 标签包裹起来，并且使用 class="" 指定类名，不仅可以表明这一部分的作用，而且也可以为 CSS 的编写带来便利。
为了保证 HTML 和 CSS 各司其职的原则，在 HTML 中不编写任何样式代码，仅编写内容的代码，所有样式均使用 CSS 进行定义。
然后使用 CSS 编写名片的样式。为了更加方便地编写 CSS 代码，我使用了 CSS 预处理器语言 SCSS，码上掘金平台提供了对 SCSS 语法的支持，只需要把 CSS 的语言切换为 SCSS 就可以了。
在 CSS 中使用 @import url() 导入字体文件，使用 font-family 为元素定义字体。使用 CSS 变量可以方便的在整个文档中重复使用，也可以更加方便地进行修改与调试。
在名片的容器中，使用 border-radius 可以为名片生成圆角。使用 backdrop-filter: blur() 可以为名片生成背景模糊效果。使用 text-shadow 可以为文字添加阴影。
创作成果
我的名片截图：
具体代码可以在码上掘金上查看：
