Εξωτερικός ορισμός CSS και τρόπος σύνδεσης σε ένα
Όταν ένα πρόγραμμα περιήγησης ιστού φορτώνει μια ιστοσελίδα, ο τρόπος που εμφανίζεται καθορίζεται από πληροφορίες από ένα φυλλοειδές φύλλο στυλ. Υπάρχουν τρεις τρόποι για ένα αρχείο HTML να χρησιμοποιεί ένα φύλλο στυλ: εξωτερικά, εσωτερικά και σε σειρά.
Τα εσωτερικά και in-line φύλλα στυλ αποθηκεύονται στο ίδιο το αρχείο HTML. Είναι εύκολο να εργαστούν με αυτή τη στιγμή, αλλά επειδή δεν αποθηκεύονται σε κεντρική θέση, είναι αδύνατο να κάνετε εύκολα αλλαγές στο styling σε ολόκληρο τον ιστότοπο ταυτόχρονα. πρέπει να πάτε πίσω σε κάθε είσοδο και να την αλλάξετε με το χέρι.
Ωστόσο, με ένα εξωτερικό φύλλο στυλ, οι οδηγίες για την απόδοση της σελίδας αποθηκεύονται σε ένα μόνο αρχείο, πράγμα που καθιστά πραγματικά εύκολη την επεξεργασία του στυλ σε ολόκληρο τον ιστότοπο ή σε πολλά στοιχεία. Το αρχείο χρησιμοποιεί την επέκταση αρχείου .CSS και στο έγγραφο HTML περιλαμβάνεται ένας σύνδεσμος προς την τοποθεσία αυτού του αρχείου, έτσι ώστε το πρόγραμμα περιήγησης ιστού να γνωρίζει πού να αναζητήσει τις οδηγίες σχεδίασης.
Ένα ή περισσότερα έγγραφα μπορούν να συνδεθούν στο ίδιο αρχείο CSS και ένας ιστότοπος μπορεί να έχει πολλά μοναδικά αρχεία CSS για το σχεδιασμό διαφορετικών σελίδων, πινάκων, εικόνων κ.λπ.
Πώς να συνδέσετε ένα εξωτερικό φύλλο στυλ
Κάθε ιστοσελίδα που θέλει να χρησιμοποιήσει ένα συγκεκριμένο εξωτερικό φύλλο στυλ πρέπει να συνδεθεί με το αρχείο CSS από την ενότητα , όπως παρακάτω:
Σε αυτό το παράδειγμα, το μόνο πράγμα που χρειάζεται να αλλάξει για να το εφαρμόσει στο δικό σας έγγραφο είναι το κείμενο styles.css . Αυτή είναι η θέση του αρχείου CSS.
Εάν το αρχείο ονομάζεται πραγματικά styles.css και βρίσκεται στον ίδιο ακριβώς φάκελο με το έγγραφο που συνδέεται με αυτό, τότε μπορεί να παραμείνει όπως ακριβώς διαβάζεται παραπάνω. Ωστόσο, οι πιθανότητες είναι ότι το αρχείο CSS ονομάζεται κάτι άλλο, οπότε μπορείτε απλά να αλλάξετε το όνομα από "στυλ" σε ό, τι είναι δικό σας.
Εάν το αρχείο CSS δεν βρίσκεται στη ρίζα αυτού του φακέλου, αλλά σε έναν υποφάκελο, μπορεί να διαβάσει κάτι παρόμοιο:
Περισσότερες πληροφορίες σχετικά με τα εξωτερικά αρχεία CSS
Το μεγαλύτερο πλεονέκτημα των εξωτερικών φύλλων στυλ είναι ότι δεν συνδέονται με κάποια συγκεκριμένη σελίδα. Εάν το στυλ γίνεται εσωτερικά ή σε σειρά, άλλες σελίδες του ιστότοπου δεν μπορούν να επισημαίνουν αυτές τις προτιμήσεις στυλ.
Ωστόσο, με το εξωτερικό στυλ, το ίδιο αρχείο CSS μπορεί να χρησιμοποιηθεί για κάθε σελίδα της ιστοσελίδας, έτσι ώστε όλοι να έχουν ομοιόμορφη εμφάνιση και η επεξεργασία του περιεχομένου CSS ολόκληρου του ιστότοπου είναι εξαιρετικά εύκολη και συγκεντρωτική.
Μπορείτε να δείτε πώς λειτουργεί παρακάτω ...
Το εσωτερικό στυλ απαιτεί τη χρήση ετικετών