分享

一个好玩的网站

 gfergfer 2023-11-10 发布于辽宁
哈喽,大家好,我是晓技术老师。
昨天范老师给我安利了一个好玩的网站,也算是一个小游戏,我觉得很有趣,就分享给大家。
网址是:flukeout.github.io,中文名叫css餐厅练习。这是一个CSS代码练习网站,是专门写给前端程序猿的网站,主要是让前端程序猿练习『 css选择器 』。
这个练习一共32个等级,从最基础的标签选择器、类选择器、iD选择器,到稍复杂的伪类选择器,层层深入。

图片

开发者将元素设计成餐桌上的食物,那些左右晃动的食物就是要用『 css选择器 』选中的目标,一旦选对,它就会向上飞出,然后进入下一个等级。

图片

页面的右侧是HTML代码,左侧是CSS代码,练习者只需要将『 css选择器 』键入左侧即可。

图片

图片

当然,对于最简单的标签元素,网站也给出了练习说明。至于更复杂、层层套娃的元素,就需要你有一丢丢CSS基础知识了。

图片

总的来说,这个css餐厅练习还是比较有趣且实用的,尤其是对刚接触前端的同学来说,值得试试。
搞这事儿,我很慌~~

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多