background image

 
 

 

 

24 

 

Για να πετύχουμε το βέλτιστο  οπτικό αποτέλεσμα για έναν ιστόχωρο  θα πρέπει 

να συνδέσουμε  τα αρχεία HTML με  αυτά της CSS. Ανάλογα με το  σημείο δήλωσης 

του κώδικα CSS υπάρχουν τρείς διαφορετικοί  τύποι σύνδεσης της HTML με την CSS. 

Παρακάτω αναφέρονται αναλυτικά οι τρείς τύποι δήλωσης: 

 

 

Ενσωματωμένη  Δήλωση:  Με  αυτόν  τον  τρόπο  δήλωσης  εισάγουμε  τη 

μορφοποίηση  (style)  μέσα  στην  ετικέτα  (tag)  που  θέλουμε  να  αλλάξουμε  τις 

ιδιότητες  του.  Αυτός  ο  τρόπος  δήλωσης  δεν  ενδείκνυται  γιατί  αν θέλουμε  να 

χρησιμοποιήσουμε τις ίδιες τροποποιημένες ιδιότητες σε μια άλλη ετικέτα (tag) η 

ακόμα και σε ένα ίδιο tag θα πρέπει να ξαναγράψουμε τον κώδικα.  

Στην  παρακάτω  εικόνα  (Εικόνα  6)  φαίνεται  ένα  παράδειγμα  σύνταξης        

κώδικα  CSS με ενσωματωμένη  δήλωση. 

 

Εικόνα 6: Ενσωματωμένη Δήλωση CSS 

 
 
 

 

Εσωτερική  Δήλωση:  Με αυτό τον τρόπο  δήλωσης εισάγουμε κώδικα  CSS μέσα 

στο <head> του αρχείου HTML και μπορούμε να μορφοποιήσουμε  οποιαδήποτε 

ετικέτα  του  κώδικα  HTML.  Και αυτός  ο  τρόπος  δήλωσης  δεν χρησιμοποιείται 

συχνά, επειδή ένας σωστός  ιστόχωρος  αποτελείται από πολλά HTML αρχεία και 

με αυτόν τρόπο δήλωσης,  θα έπρεπε σε κάθε αρχείο ξεχωριστά να γράψουμε τον 

κώδικα  CSS στο <head> κάθε αρχείου.