Οι κλάσεις στα CSS σας επιτρέπουν να μορφοποιήσετε στοιχεία μέσα στην ίδιο HTML έγγραφο με διαφορετικό τρόπο. Μπορείτε να πετύχετε αυτό το στόχο, ακολουθώντας μια ποιο βελτιωμένη τεχνική από αυτή των ενσωματωμένων μορφοποιήσεων πάνω σε μια HTML ετικέτα.

Τα ID είναι παρόμοια με τις κλάσεις. Η διαφορά με τις κλάσεις είναι πως από τι στιγμή που δηλώνετε ένα ID δεν μπορείτε να δηλώσετε ξανά το ίδιο ID σε άλλο στοιχείο μέσα στο ίδιο έγγραφο HTML.

Ωραία, τώρα που έχετε τελειώσει με τα πρώτα τέσσερα κεφάλαια, έχετε μάθει τα απολύτως βασικά των CSS, πως λειτουργεί το συντακτικό τους, καθώς και μερικά πράγματα για τα ID και τις κλάσεις.

Τα στοιχεία της HTML span είναι παρόμοια με τα div, με τη διαφορά, ότι τα span είναι στοιχεία που ακολουθούν τη φυσική πορεία του εγγράφου. Όταν δημιουργείτε ένα span στοιχείο, το στοιχείο αυτό τοποθετείται μέσα στη φυσική πορεία του κειμένου χωρίς να “σπάει” η γραμμή πριν ή μετά το στοιχείο σε μία νέα γραμμή.

Όπως πολύ πιθανών να έχετε μαντέψει, οι ιδιότητες margin προσδιορίζουν το περιθώριο γύρο από τα στοιχεία της HTML.