当青训营遇上码上掘金会碰撞出怎么样的火花呢?答案是会碰撞出代码的火花!!!
每当我们初次相遇,总免不了做自我介绍,其中名片就是向人介绍自我的重要工具,那正在学习代码的我们用代码来写一个关于自己的名片岂不是一个很炫酷拉风且帅的事情?
那么我们就用代码来制作一个关于自己的名片。本次主要使用HTML和CSS来制作这张名片。
我们要先用HTML将名片里我们想要给大家展示的内容和大致框架给写出来。首先是HTML的必要格式要写出来,在网页的标题我们要告诉大家这个网页我们想要展示的是个人名片,所以title这个标签我们要打上个人名片,用div这个容器将我们想要展现的内容给包涵进去,当然div也要命名方便我们后续使用CSS操作更改样式,在名片的第一行肯定是要告诉别人我们自己的名字,而且这个名字要加粗让人更有印象。我们这个名片是娱乐性质的,还有大学生交友,所以接下来空一行打上兴趣爱好、所在地址、学习经历、喜欢的歌以此来告诉别人你的情况,说不定还可以找到志同道合的朋友呢?自我资料介绍完了,不得加上一个照片?当然我放的照片是我喜欢的爱豆的照片。
把内容和框架大体弄好了之后就是要弄样式了,先确定名片大小位置,名片的背景填充自己喜欢的颜色,我用的无序列表将自己的信息排列出来的,把这一个列表添加一个坐边框改成天蓝色的,这样更有名片的感觉,然后将不同地方的字字体大小边距设置好一个名片就做好了。
名片是我们每个人的一种简介,相遇也是,我相信总有一些惊奇的际遇,比方说当我遇见你们。