 |
|
Hi! I'm Alejandro Sanchez @alesanchezr, really excited to have you here! 🎉 😂 Learning to code is hard, you need coaching! DM me on twitter if you have any questions.
-
How to apply CSS to your website in 3 different ways: Inline, by grouping them together inside a
<style>tag, or using an external stylesheet<link>. -
Selecting HTML Elements from your website to apply the styles to.
-
Apply CSS Rules (styles) to those elements.
-
Use the most popular CSS Rules.
-
Learn the most popular CSS Tricks.
- Learn HTML
- Learn HTML5 Forms
- Learn CSS← 🔥 You are here now
- Learn CSS Layouts
- Learn Bootstrap
Complete selection of autograded CSS exercises, for anyone interested in learning CSS!
- Install the learnpack package manager for education and the html plugin to compile and test html exercises:
$ npm i learnpack -g
$ learnpack plugins:install learnpack-html- Download the exercises
$ learnpack install css-tutorial-exercises-courseNote: Once you finish downloading, you will need to cd into the exercises folder which contains all the exercises.
- Start the tutorial/exercises by running the following command at the same level where your learn.json file is:
$ npm i jest@24.8.0 -g
$ learnpack startNote: The exercises have automatic grading but it's very rigid and strict, my recommendation is to not take the tests too serious and use them only as a suggestion or you may get frustrated.
Each exercise is a small React application containing the following files:
- index.html: all websites and exercises start from the index.html.
- styles.css: your CSS code goes here, some exercises will make you update this file.
- README.md: contains exer 62AB cise instructions.
- test.js: you don't have to open this file, it contains the testing script for the exercise.
Thanks goes to these wonderful people (emoji key):
-
Alejandro Sanchez (alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests)
⚠️ , (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖 -
Paolo (plucodev), contribution: (bug reports) 🐛, contribution: (coder), (translation) 🌎
-
Daniel Machota (@d4rkm0nst3r), contribution: (build-tutorial) ✅, Translation 🌍
This project follows the all-contributors specification. Contributions of any kind are welcome!