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编码训练营的一部分。了解有关我们完整的堆栈开发人员课程和数据科学训练营的更多信息。