Σχεδιασμός και Υλοποίηση Πληροφοριακού Συστήματος βέλτιστης διαδρομής συνεπιβατών που
χρησιμοποιούν υπηρεσίες Ταξί
33
Ως πρόσθετο όφελος του διαχωρισμού αυτού, ένα έγγραφο υπερκειμένου
μπορεί να συνδυαστεί με διαφορετικές, εναλλακτικές πληροφορίες μορφοποίησης,
επιτρέποντας την εφαρμογή του κατάλληλου στυλ κατά περίπτωση.
Υπάρχουν τρεις τρόποι δήλωσης της CSS στα έγγραφα HTML:
1. Ενσωματωμένη Δήλωση, κατά την οποία ο κώδικας του CSS Style εισάγεται ως
τιμή της ιδιότητας style της ετικέτας HTML, όπου θα εφαρμοστεί. Αυτός όμως
απαιτεί την αντιγραφή του κώδικα CSS σε όσα αντίστοιχα σημεία είναι
επιθυμητή η εφαρμογή του ίδιου CSS Style μέσα στο ίδιο ή σε άλλα έγγραφα.
Με τον τρόπο αυτό ουσιαστικά καταργούνται τα πλεονεκτήματα της CSS
φιλοσοφίας για διαχωρισμό της παρουσίασης από την πληροφορία.
Επιπλέον, αυξάνει σημαντικά τον όγκο του αρχείου αν το ίδιο CSS Style
εφαρμόζεται σε πολλαπλά σημεία.
2. Εσωτερική Δήλωση, κατά την οποία ο απαραίτητος κώδικας CSS τοποθετείται
μέσα στην περιοχή HEAD του εγγράφου HTML. Κάθε CSS Style ορίζεται
μονάχα μια φορά, ενώ μπορεί να χρησιμοποιηθεί πολλές φορές μέσα στο ίδιο
έγγραφο, με την απλή αναφορά του ονόματος του επιλογέα του στυλ. Η
μέθοδος αυτή μειώνει τον όγκο των δεδομένων του εγγράφου σημαντικά σε
σχέση με την ενσωματωμένη δήλωση. Το αρνητικό είναι πως αν η επιθυμητή
εφαρμογή των ίδιων CSS Styles έχει εφαρμοστεί σε παραπάνω από ένα αρχεία
και απαιτείται να αλλαχθεί, θα πρέπει να γίνει ξεχωριστά σε κάθε αρχείο.
3. Εξωτερική Δήλωση, κατά την οποία η CSS γράφεται σε εξωτερικά αρχεία που
έχουν κατάληξη .css και συνδέονται με την ιστοσελίδα. Τα αρχεία αυτά
δηλώνονται στο τμήμα <head> της HTML. Μια αλλαγή στο εξωτερικό αρχείο
.css επηρεάζει άμεσα όλα τα έγγραφα που συνδέονται μ αυτό. Έχοντας
δομήσει σωστά τα CSS Styles που εφαρμόζονται σε έναν ολόκληρο ιστότοπο,
μπορεί με ιδιαίτερη ευκολία και ελάχιστο κόπο να ανανεωθεί η εμφάνιση
όλων των εγγράφων του ιστοτόπου χωρίς να χρειαστούν αλλαγές του κώδικα
HTML των εγγράφων. Επίσης, με κατάλληλη χρήση τεχνικών caching των .css
αρχείων, είναι δυνατή η μείωση του όγκου δεδομένων που απαιτούνται για
τη διαμόρφωση και εμφάνιση των εγγράφων HTML ενός ιστότοπου. Η μείωση
του όγκου οδηγεί σε αύξηση της ταχύτητας εμφάνισης των εγγράφων αυτών.
Τα έγγραφα της CSS διαθέτουν μια καλά καθορισμένη δομή που βασίζεται σε τρία
δομικά στοιχεία: τον επιλογέα στυλ (CSS Selector), την ιδιότητα στυλ (Style Property)
και την τιμή της ιδιότητας στυλ (Style Property Value). Ο επιλογέας αποτελεί τον
συνδετικό κρίκο με το στοιχείο της HTML, στο οποίο θα εφαρμοστεί η μορφοποίηση.
Οι ιδιότητες καθορίζουν τα επιλεγμένα χαρακτηριστικά μορφοποίησης που θα
χρησιμοποιήσει ο επιλογέας, ενώ η τιμή της ιδιότητας ορίζει το μέγεθος της