css tutorial exercises course

CSS練習教程在4Geeks Academy

你好！我是Alejandro Sanchez @Alesanchezr，真的很高興能在這裡！ ？ ？學習編碼很難；您需要教練！如果您有任何疑問，請在Twitter上DM我。

estas construccionesestándisponibles en？ español??

您將學習以下概念：

1. 如何通過3種不同的方式將CSS應用於您的網站：內聯，將它們分組在一起<style>標籤中或使用外部樣式表<link> 。

2. 從您的網站中選擇HTML元素以將樣式應用於。

3. 將CSS規則（樣式）應用於這些元素。

4. 使用最受歡迎的CSS規則。

5. 學習最受歡迎的CSS技巧。

在開始之前...其他相關教程

1. 學習HTML
2. 學習HTML5表格
3. 學習CSS←您現在在這裡！
4. 學習CSS佈局
5. 學習引導程序

對於有興趣學習CSS的任何人，全自動的CSS練習都可以完全選擇！

一鍵安裝（建議）：

您可以在短短幾秒鐘內通過單擊：在代碼方面打開（推薦）或在GitPod中打開這些練習。

一旦您打開VSCODE，Learnpack練習應自動啟動。如果練習沒有自動$ learnpack start

手動安裝

克隆您本地環境中的存儲庫，並按照以下步驟操作：

1. 安裝LearningPack，用於學習教程的軟件包管理器和HTML編譯器插件的LearnPack插件；確保您也有node.js 14+：

$ npm i learnpack -g
$ learnpack plugins:install learnpack-html

2. 下載練習

$ learnpack install css-tutorial-exercises-course

注意：完成下載後，您將需要將cd到包含所有練習的練習文件夾中。

3. 通過在您的Learn.json文件的同一級別上運行以下命令來啟動教程/練習：

$ npm i [email protected] -g
$ learnpack start

練習如何組織？

每個練習都是一個包含以下文件的小型React應用程序：

1. index.html：所有網站和練習都從index.html開始。
2. styles.css：您的CSS代碼進入此處，一些練習會讓您更新此文件。
3. readme.md：包含練習說明。
4. test.js：您不必打開此文件，它包含練習的測試腳本。

注意：練習具有自動分級，但這是非常僵化和嚴格的，我的建議是不要對測試進行太嚴重的情況，而僅將其用作建議，否則您可能會感到沮喪。

貢獻者

謝謝這些好人（表情符號鑰匙）：

1. Alejandro Sanchez（Alesanchezr），貢獻：（編碼器）（IDEA）？配x ，（pull-requreqes-review）？ （跑步）✅（文檔）

2. paolo（plucodev），貢獻：（錯誤報告）？ ，貢獻：（編碼器），（翻譯）？

3. Daniel Machota（@d4rkm0nst3r），貢獻：（運行tutearial）✅，翻譯？

這項和許多其他練習是由學生製作的，作為AlejandroSánchez和許多其他貢獻者的4Geeks Academy編碼訓練營的一部分。了解有關我們完整的堆棧開發人員課程和數據科學訓練營的更多信息。