24
Για να πετύχουμε το βέλτιστο οπτικό αποτέλεσμα για έναν ιστόχωρο θα πρέπει
να συνδέσουμε τα αρχεία HTML με αυτά της CSS. Ανάλογα με το σημείο δήλωσης
του κώδικα CSS υπάρχουν τρείς διαφορετικοί τύποι σύνδεσης της HTML με την CSS.
Παρακάτω αναφέρονται αναλυτικά οι τρείς τύποι δήλωσης:
Ενσωματωμένη Δήλωση: Με αυτόν τον τρόπο δήλωσης εισάγουμε τη
μορφοποίηση (style) μέσα στην ετικέτα (tag) που θέλουμε να αλλάξουμε τις
ιδιότητες του. Αυτός ο τρόπος δήλωσης δεν ενδείκνυται γιατί αν θέλουμε να
χρησιμοποιήσουμε τις ίδιες τροποποιημένες ιδιότητες σε μια άλλη ετικέτα (tag) η
ακόμα και σε ένα ίδιο tag θα πρέπει να ξαναγράψουμε τον κώδικα.
Στην παρακάτω εικόνα (Εικόνα 6) φαίνεται ένα παράδειγμα σύνταξης
κώδικα CSS με ενσωματωμένη δήλωση.
Εικόνα 6: Ενσωματωμένη Δήλωση CSS
Εσωτερική Δήλωση: Με αυτό τον τρόπο δήλωσης εισάγουμε κώδικα CSS μέσα
στο <head> του αρχείου HTML και μπορούμε να μορφοποιήσουμε οποιαδήποτε
ετικέτα του κώδικα HTML. Και αυτός ο τρόπος δήλωσης δεν χρησιμοποιείται
συχνά, επειδή ένας σωστός ιστόχωρος αποτελείται από πολλά HTML αρχεία και
με αυτόν τρόπο δήλωσης, θα έπρεπε σε κάθε αρχείο ξεχωριστά να γράψουμε τον
κώδικα CSS στο <head> κάθε αρχείου.