当青训营遇上码上掘金。
介绍
在主题创作这个活动中,在几个主题中,我选择了我的名片这个主题,后面几个好像是编写程序做题得出结果的主题。为什么不选题目编程呢,因为我觉得作为一个前端,我比较擅长写页面的布局,做题得出结果这个也是能做的,就是比较喜欢我的名片这个主题,可以发出来让别人更快速的认识自己。
技术栈
- HTML
- CSS
基于我的名片这个主题,我决定了基本思路就是,写个静态页面,没有js。技术只用html和css这两个。
步骤
首先,编写一个1级标题:我的名片,用h1标签包裹。
然后将个人信息用div盒子包裹成一个一个盒子。
再接着就是书写css样式了:
- 将id标签为app的名片盒子整体居中于页面的中间。其中用了定位的方式,然后用移动的transform属性居中
- 将标题h1文字居中
- 紧接着就是内容的盒子的布局了。我用了display: flex;flex的布局,将内容盒子平均3个一行的分布,用了flex-wrap:wrap;使其换行。
- 最后擅长的技能用了加粗处理。
总结
以上就是我对于我的名片这个主题创作的一个想法与过程。其实不难,就是这个主题有点简单,内容也不多。就当做是入营的一个简单的小练习吧。我也是第一次知道码上掘金这个平台,刚开始入营的时候,我还以为就是掘金的一个应用,没想到是一个可以编程发布代码的一个平台,我好像是发现了新大陆一样,经过这个活动,我以后会经常使用码上掘金编写我自己的代码来储存一些比较经常使用的一些js轮子,封装好的一些组件也可以在这里保存。这只是我的一个初步想法。