CSS餐厅练习-CSS Diner 边玩边学CSS选择器

506次阅读
没有评论

今天给大家推荐一个以玩游戏的形式学习CSS选择器的网站,对于刚接触CSS或者用来复习一下CSS都是非常不错的。

CSS餐厅练习-CSS

这个游戏一共32关,通过这32关可以很清楚的学习到类选择器、id选择器、元素选择器、子元素选择器、伪类选择器等,常用的选择器都有应用。

右侧为HTML结构,只需在左侧编写css,选择上正确的元素就可以过关。

CSS餐厅练习-CSS

每一关都会有抖动的元素,比如第一关就有两个盘子在抖动,就只需要选择盘子,也就是 plate 就可以进图下一关,非常有趣。

练习地址
http://flukeout.github.io/

到点睡觉了
版权声明:本站原创文章,由 到点睡觉了2022-02-12发表,共计245字。
转载说明:除特殊说明外本站文章皆由CC-4.0协议发布,转载请注明出处。
评论(没有评论)