青青草免费在线看视频,日本欧美人妻,91啪啪视频,青榴最新入口,成人免费黄色,无码国产+白浆,人妻久久久久免费肉丝足交,日韩欧美亚洲色图

以下內容來自公眾號逆鋒起筆，關注每日干貨及時送達

英文 | https://medium.com/dare-to-be-better/free-online-games-to-learn-css-649881ba7579

翻譯 | 楊小愛

CSS 是我們用來設計 HTML 文檔樣式的語言，它描述了 HTML 元素在瀏覽器中的顯示方式。但是，雖然了解 CSS 的基礎知識很重要，但現在幾乎不使用純 CSS。

現代開發(fā)人員大多使用 CSS 擴展語言（如 Saas）和 CSS3 網頁布局模型（如 Flexbox）來設計他們的網站。

但不要氣餒——所有這些概念都是相互建立的，而且CSS也不是那么難的事情，只要您愿意多花時間去尋找一些好的學習資源和練習CSS。

如果您剛開始學習 HTML 和 CSS，會覺得很枯燥，但是如果我們采用游戲得方式一起來學習CSS的話，您會覺得它非常有趣。

因此，今天我們就從第一個游戲開始，然后一個一個地完成它們。

這些游戲可以幫助你提升學習的有信心，同時還能增加學習的趣味性，以便幫助您更好的學習與理解CSS flexbox、grid，或者通過與來自世界各地的其他玩家競爭來完善他們的 CSS 技能。

現在，我們就開始吧。

01、CSS Diner

地址：https://flukeout.github.io/

非常適合：初學者學習和練習 CSS 和 HTML

如果您是一個零基礎的初學者，最好從 CSS Diner 之類的游戲開始。在您準備好掌握更復雜的主題（如 CSS flexbox 或網格）之前，請先了解 HTML 標簽、類、id 和其他重要概念。完成此游戲的 32 個級別后，您將擁有堅實的基礎，并準備好進入下一個游戲。

02、Grid Garden

地址：https://cssgridgarden.com/

非常適合：學習 CSS 網格

使用 CSS 網格種植胡蘿卜園。在這個有趣的小游戲中，您必須通過掌握 CSS 網格（一個用于創(chuàng)建二維網格布局的強大模塊）來澆灌胡蘿卜作物并毒害雜草。有了它，您可以輕松定義網站上的列、行和網格模板區(qū)域。只需打開游戲并立即開始玩 - 無需注冊！微信搜索readdot，關注后回復視頻教程獲取23種精品資料

03、Flexbox Zombies

地址：https://mastery.games/flexboxzombies/

非常適合：學習 CSS flexbox 布局