书接上文:https://scys.com/articleDetail/xq_topic/2852181584881821

上回书咱们讲了html,在结尾还留了作业,不知道小伙伴完成的怎么样了,没有敲代码的去面壁24小时,学习编程最重要的不是死记硬背,而是多敲多写,熟练即可。

今天咱们继续通过游戏学css:

网址:https://game-2xj.pages.dev/

游戏玩法:

这个游戏玩法非常简单,就是上面随机出现一些单词,你需要快速的在键盘输入,输入成功单词消失,累计三个单词落地,游戏失败!

游戏源码:

CSS:

css就是样式,那什么是样式呢?

还记得我们之前说html是一个没穿衣服没化妆的纯天然美女,那么样式就是穿上漂亮衣服,化好妆的睡美人。

上图是世界上第一个网页,它就是没有样式,看惯了现代网页,我们都不忍直视这个页面,我们可以看到,它在观感上有三大缺点。

一、排版布局单一,都是从上到下布局。

二、文字段落之间紧凑,没有边界感。

三、文字颜色大小单一,只有三种颜色,两种大小。

好,我为什么要总结这个三点呢,就是因为这是我学习样式的独门不传之秘。

因为你看着样式花里胡哨千奇百怪,但是他们都逃不出上面的范围。

为了更好的阅读体验,来飞书看吧:

https://a0u2vshvubw.feishu.cn/wiki/VWQSweDKbiLS89kldozcoj6CnXs

Comments on "从打字游戏学网站开发:CSS篇小白0基础入门【二】​" :

Leave a Reply

Your email address will not be published. Required fields are marked *

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源