Σχεδιασμός και Υλοποίηση ενός πληροφοριακού συστήματος για τους τεχνικούς του φυσικού αερίου -
Κεφάλαιο 2 - Θεωρητικό Υπόβαθρο
Ποτσίκα Ηλιάνα
27
2.2.2 CSS
Η γλώσσα επικαλυπτόμενων στυλ μορφοποίησης CSS (Cascading Style Sheets)
[1] είναι μια γλώσσα προγραμματισμού, που χρησιμοποιείται για τη μορφοποίηση
και τον σχεδιασμό της εμφάνισης ενός εγγράφου υπερκειμένου HTML. Η CSS είναι
απλή, αλλά ιδιαίτερα ισχυρή σε δυνατότητες συγκριτικά με την HTML, και είναι ειδικά
ανεπτυγμένη ώστε να διαμορφώνει διάφορα χαρακτηριστικά μιας ιστοσελίδας όπως
το χρώμα, τη στοίχιση, τα πλαίσια, τα μεγέθη κ.α.
Τα πλεονεκτήματα της CSS έναντι της μορφοποίησης μέσα στο HTML έγγραφο
είναι πολλά. Καταρχάς, ο κώδικας της HTML παραμένει ‘‘καθαρός’’ και
ευανάγνωστος, χωρίς ιδιότητες μορφοποίησης στις ετικέτες. Η ταχύτερη πλοήγηση
αποτελεί ένα ακόμη σημαντικό πλεονέκτημα, καθώς η ανάγνωση του αρχείου
μορφοποίησης css εκτελείται μόνο μια φορά από τον φυλλομετρητή και στη συνέχεια
αποθηκεύεται στη μνήμη cache. Επιπλέον, μπορούν να εφαρμοστούν πολλαπλά στυλ
μορφοποίησης συνδυαστικά σε ένα στοιχείο της HTML, ακολουθώντας μια σχετική
σειρά προτεραιότητας. Τέλος, μια ιδιαίτερα ισχυρή δυνατότητα που παρέχει η CSS
είναι η προσαρμόσιμη εμφάνιση, δηλαδή ο καθορισμός διαφορετικής
μορφοποίησης, σύμφωνα με το μέσο στο οποίο απεικονίζεται η ιστοσελίδα.
Η CSS, λοιπόν, γράφεται και αποθηκεύεται σε ξεχωριστό αρχείο με την
κατάληξη .css και συνδέεται με το αρχείο .html μέσω της ετικέτας <head>. Τα
έγγραφα της CSS διαθέτουν μια καλά καθορισμένη δομή που βασίζεται σε τρία
δομικά στοιχεία: τον επιλογέα στυλ (CSS Selector), την ιδιότητα στυλ (Style Property)
και την τιμή της ιδιότητας στυλ (Style Property Value). Ο επιλογέας αποτελεί τον
συνδετικό κρίκο με το στοιχείο της HTML, στο οποίο θα εφαρμοστεί η μορφοποίηση.
Οι ιδιότητες καθορίζουν τα επιλεγμένα χαρακτηριστικά μορφοποίησης που θα
χρησιμοποιήσει ο επιλογέας, ενώ η τιμή της ιδιότητας ορίζει το μέγεθος της
μορφοποίησης. Η γενική μορφή ενός επιλογέα φαίνεται στην παρακάτω εικόνα.