Σκοπός της χρήσης κλάσεων είναι να ομαδοποιούμε κανόνες στυλ, ώστε να τους εφαρμόζουμε σε όποια tags της html επιθυμούμε
.classname {
κανονας1: τιμή1;
κανόνας2: τιμή2;
κ.ο.κ.
}
Κάνοντας δεξί κλικ σε κάποιο αντικείμενο (tag) μίας σελίδας από τον browser με το μενού Inspect ή Inspect Element (Επιθεώρηση στοιχείου), μας ανοίγει ένα μικρό παραθυράκι όπου βλέπουμε τον κώδικα της σελίδας και τις κλάσεις των στυλ που έχει
Στη συνέχεια, θα εφαρμόσετε την πρώτη κλάση στις μονές παραγράφους παρακάτω, ενώ τη δεύτερη στις ζυγές παραγράφους.
Τέλος, θα βάλετε τις δύο κλάσεις σε δύο διαφορετικά κελιά του πίνακα στο τέλος.
1η παράγραφος
2η παράγραφος
3η παράγραφος
4η παράγραφος
5η παράγραφος
| Μαθητές | ||||
|---|---|---|---|---|
| Άννα | Στελίνα | Θέμιδα | Μελίσσα | |
| Λευτέρης | Παναγιώτης | Γιάννης | Φώτης | Φραγκίσκος |