当青训营遇上码上掘金

主题 1：我的名片

在和陌生人进行交流的时候，免不了会用到名片，大多数人是使用的纸质的名片，那对于我们程序员来说，如果用自己的专业做一个名片来展示自己，那给人感觉就是眼前一亮啦。所以基于“我的名片”这个主题，我将用我所学到的前端技术知识来做一个专属我的名片，但是目前一些比较炫酷的功能我还不能实现（对我来说难度有点大了），所以我将用简单上手的HTML+CSS这两个知识来实现我的专属名片。

首先是HTML部分

<div id="app">
  <div class="box">
      <h1>我的名片</h1>
      <p class="name">姓名：雨崽呀呀呀</p>
      <p class="student">身份：学生</p>
      <p class="email">邮箱：123456@qq.com</p>
      <p class="like">爱好：看综艺，剪辑搞笑视频</p>
  </div>

这部分是框架部分，app是我的最外层容器，主要负责整体的风格和大体框架，整张名片的风格是偏粉嫩的，比较乖巧可爱。
然后box容器是承载主要内容的地方，包含了姓名、身份、邮箱、爱好这些名片应该有的详细信息。
上面说的那些相信我的想法是要采用不同的粉嫩的颜色，这样看起来才不会单调，才更加有感觉。 然后整体的大体设计就是这些啦。

然后就是CSS部分啦

  h1{
  color: rgb(251, 192, 195);;
}
.name{
 color: rgb(250, 202, 170);
}
.student{
  color: rgb(179, 224, 185);
}
.email{
  color: rgb(208, 173, 157);
}
.like{
  color: rgb(255, 224, 167);
}
.box{
  padding: 30px;
}
#app{
  width: 300px;
  background-color:rgba(255, 192, 203, 0.122) ;
}

这个css部分就是对上面的进行的大体框架进行样式的美化啦，有了样式过后，我的名片也会变得更加漂亮啦！
我的主体部分主打的是粉色的，看起来是比较符合我这个小可爱的气质啦（嘿嘿，稍稍臭美一下）。
然后在主要信息的部分，我的每个信息的颜色的信息的颜色都是不一样的，这样看起来更加绚丽一点啦，虽然效果不大，但是看起来确实是比一种颜色的要好看一点。

总结啦！！
这次的名片的实现是一个非常基础的实现，虽然有点简陋，但是对于接触前端不多的我来说还是足够的啦，希望之后自己的技术提高后，能够做出更加绚丽的名片，就这样啦！！！