当青训营遇上码上掘金
主题选择
我选择的是主题一:
主题 1：我的名片 名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。
创作过程
- 创建一个外部容器来封装名片内部的元素，整个页面使用一个div
- 背景设置
背景打算主要以渐变色的形式呈现，增加名片的美观性，赏心悦目。以石膏类的浅灰色为主体背景，并且将它居中显示。
- 渐变
css属性颜色渐变属性有两种类型：线性渐变和径向渐变
线性：设置背景颜色从上到下（默认方向）的颜色过渡：
background: linear-gradient(#252424, #efe6f1);
改变方向：top，left，right，bottom 改变角度：数值+deg
名片左下角的渐变用一个伪元素：before来定义，然后颜色过渡。
径向：设置背景颜色从内到外（默认方向）的颜色过渡：background: radial-gradient(#afdfef,#c8e8f2,#efe6f1);
名片右边的渐变就是径向渐变用一个伪元素：after来定义。
中间色用透明来过渡，可以消除边界线
- 文字
文字部分较为简单，h2标题写名字、无序列表 <ul>、<li>列表的最外层容器、列表项写个人简介
字体大小为50px，间距用letter-spacing定义距离
添加postion:absolute属性把元素设置为绝对定位，将其变成一个有框的空间，相对于最初包含的块。
创作总结
虽然名片代码比较简单，但这个小创作也使我在实际操作中认识到经验和不足。作为一名刚入门的前端小白，参加青训营后我对页面的制作更加有信心和把握了，不再没有头绪，在之后的每届青训营中，我也会更加积极地参加，探索自己未知的领域。
