← Back to Exercises

Learn CSS Interactively

Direct access request

Enter your information and receive instant access

Difficulty

easy

Repository

Click to open

Video

Not available

Live demo

Click to open

Average duration

8 hrs

Technologies

CSS Exercises Tutorial at 4Geeks Academy

You'll be learning the following concepts:

  1. Using how to apply CSS to your website in 3 different ways: Inline, by grouping them together inside a <style> tag or using an exeternal stylesheet <link>.

  2. Selecting HTML Elements from your website to apply the styles to.

  3. Apply CSS Rules (styles) to those elements.

  4. Use the most popular CSS Rules.

  5. Learn the most popular CSS Tricks.

How are the exercises organized?

Each exercise is a small react application containing the following files:

  1. index.html: all websites and exercises start from the index.html
  2. styles.css: your CSS code goes here, some exercises will make you update this file
  3. README.md: contains exercise instructions.
  4. test.js: you don't have to open this file, it contains the testing script for the exercise.

Contributors

Thanks goes to these wonderful people (emoji key):

  1. Alejandro Sanchez (alesanchezr), contribution: (coder) πŸ’» (idea) πŸ€”, (build-tests) ⚠️ , (pull-request-review) πŸ‘€ (build-tutorial) βœ… (documentation) πŸ“–

  2. Paolo (plucodev), contribution: (bug reports) πŸ›, contribution: (coder), (translation) 🌎

  3. Daniel Machota (@d4rkm0nst3r), contribution: (build-tutorial) βœ…, Translation 🌍

This project follows theall-contributors specification.Contributions of any kind are welcome!

Direct access request

Enter your information and receive instant access

Difficulty

easy

Repository

Click to open

Video

Not available

Live demo

Click to open

Average duration

8 hrs

Technologies

All rights reserved, 4Geeks LLC 2021. Read more about 4Geeks and what we are going here.