Πώς να δουλέψετε με CSS
Κάθε ετικέτα στο HTML αντιστοιχεί σε έναν αποκαλούμενο
επιλογέα CSS. Για παράδειγμα, στην ετικέτα p
αντιστοιχεί ο επιλογέας CSS p, με τον οποίο
μπορούμε να απευθυνθούμε σε όλες τις παραγράφους
μιας σελίδας HTML και, για παράδειγμα, να τις χρωματίσουμε όλες
ταυτόχρονα σε κόκκινο χρώμα.
Μετά τον επιλογέα ακολουθούν αγκύλες, μέσα στις οποίες γράφουμε τις CSS ιδιότητες. Οι ιδιότητες ορίζουν το χρώμα, το μέγεθος της γραμματοσειράς και άλλα ενδιαφέροντα πράγματα. Πρέπει να γράφονται σε αυτήν τη μορφή: όνομα ιδιότητας, έπειτα άνω και κάτω τελεία, έπειτα η τιμή αυτής της ιδιότητας (για παράδειγμα, η ιδιότητα - είναι το χρώμα, και το "κόκκινο" - είναι η τιμή). Έπειτα πρέπει να βάλετε ένα ερωτηματικό και μπορείτε να γράψετε την επόμενη ιδιότητα.
Ας χρωματίσουμε, για παράδειγμα, όλες τις παραγράφους σε κόκκινο χρώμα:
p {
color: red;
}
Στο αρχείο styles.css τοποθετήστε
κώδικα που χρωματίζει τις παραγράφους σε κόκκινο χρώμα. Ανοίξτε
τις σελίδες του ιστότοπό σας στο πρόγραμμα περιήγησης και βεβαιωθείτε
ότι όλες οι παράγραφοι έγιναν κόκκινες.