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