当青训营遇上码上掘金

72 阅读2分钟

大家好,我是来自第五届前端青训营的0基础学员!我在这段时间跟随字节跳动的老师们带领下,完成了最最最基本的网页设计和效果实现,并且在码上掘金上完成了自己的一个名片!现在跟大家一起看看实现的效果吧

我的名片
这张名片,非常的简陋,但是却朴实无华。
试一试把鼠标放在这个粉色卡片上面?
大家好,我是来自第五届前端青训营的学员一枚!
极致的简约才是真!

我其实就只写了几个div,但是div作为容器能够很好地包裹任何内容 只需要利用css更改样式即可实现各种效果

1676387942319.png

当我们把鼠标放在粉红色盒子上面,就会出现我们想要的效果 其实是利用display:none和display:block来替代了js的function() 我们放上去就让另外一个盒子显示,拿开光标就让盒子隐藏,从而实现该效果

其实用css代替js的案例也有很多,我们可以看到百科中对于css的定义: 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现html的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

虽然css确实是静态化的,但人是活的,总能想到各种方法去实现我们想要的效果,这才是我们学开发的意义所在。

JavaScript是解释型或即时编译型的编程语言虽然它是作为开发web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象。 从本质上来说css和js不是属于一个领域,但却相互配合,做出来好的效果的网页。

希望自己再接再厉!虽然做的东西在别人眼里可能不值一提,但路还长,继续学习吧!