Ορισμός του CSS (Style Sheets)
Miscellanea / / July 04, 2021
Του Guillem Alsina González, το Σεπτέμβριο 2017
Το στυλ με το οποίο τα κείμενα και τα συστατικά του α ιστοσελίδα, καθώς και το σύνολο πολλών σελίδων, μπορούν να επισημαίνονται από κάθε μία ανεξάρτητα ή να εξαρτώνται από ένα εξωτερικό στοιχείο (άλλο αρχείο στα οποία ορίζονται στυλ) που μπορούν να επαναχρησιμοποιηθούν. Αυτό το εξωτερικό στοιχείο είναι αυτό που ονομάζεται φύλλο στυλ CSS.
Ένα φύλλο στυλ CSS (επικαλυπτόμενα φύλλα στυλ, φύλλα επικαλυπτόμενων στυλ) δεν είναι τίποτα περισσότερο από ένα αρχείο υπολογιστή που περιέχει πληροφορίες για τη μοντελοποίηση του οπτικού στυλ που υιοθετήθηκε από ιστοσελίδες όταν αποδίδεται από το πρόγραμμα περιήγησης.
Για να συμβεί αυτό, πρέπει να υπάρχει κλήση στο φύλλο στυλ CSS μέσα από το αρχείο HTML, μέσω ενός εντολή.
Χάρη στον διαχωρισμό του περιεχομένου από το τι είναι, λαμβάνουμε μια αφαίρεση που μας επιτρέπει διάφορες γωνίες Ελευθερία.
Το πρώτο είναι ότι εάν θέλουμε να αλλάξουμε την αισθητική ενός πλήρους ιστότοπου, θα χρειαστεί να επεξεργαστούμε μόνο τα αρχεία του φύλλου εργασίας Στυλ CSS, έτσι ώστε εάν υπάρχουν κλήσεις σε αυτά τα αρχεία στις σελίδες HTML, θα πραγματοποιηθεί η αισθητική αλλαγή της φόρμας αυτόματο.
Ένα άλλο πλεονέκτημα είναι ότι το Συντάκτης από τα περιεχόμενα θα μπορείτε να εστιάσετε σε αυτά χωρίς να χρειάζεται να γνωρίζετε τη διάταξή τους, καθώς αυτό δίνεται από τα αρχεία CSS.
Το φύλλο στυλ είναι κατασκευασμένο από μια σχεδιαστική γλώσσα με συγκεκριμένη και τυποποιημένη δομή, από διαμορφώστε ότι το φύλλο στυλ είναι ανεξάρτητο από την τεχνολογία που εξυπηρετεί η ιστοσελίδα και από την οποία χρησιμοποιείται δώστε το.
Αυτό οφείλεται στο γεγονός ότι ο Ιστός είναι ανεξάρτητος από τη συσκευή, επιτρέποντας οποιαδήποτε διακομιστής εξυπηρετεί τα ίδια περιεχόμενα, και ότι αυτά αποδίδονται με το ίδιο τελικό αποτέλεσμα από όποιος πρόγραμμα περιήγησης, ανεξάρτητα από το αν ορισμένα εργαλεία μπορούν να το κάνουν πιο γρήγορα από άλλα και, ως εκ τούτου, προσφέρουν καλύτερη απόδοση στο Όνομα χρήστη.
το ίδιο Γλώσσα Ο ορισμός μπορεί επίσης να χρησιμοποιηθεί σε οποιοδήποτε έγγραφο XML (σε τελική ανάλυση, το HTML μπορεί ακόμα να ερμηνευθεί ως υποσύνολο του XML).
Η δομή της γλώσσας είναι απλή, με μια σειρά δεσμευμένων λέξεων-κλειδιών που αναφέρονται σε ιδιότητες του στυλ μιας σελίδας και πολλούς κανόνες για καθεμία από αυτές τις ιδιότητες.
Ένα απλό παράδειγμα ενός φύλλου στυλ CSS θα ήταν το ακόλουθο:
σώμα {
h1 {font-family: Helvetica, Γενεύη, Arial,
SunSans-Regular, sans-serif}
}
Σε αυτό ορίζουμε απλώς πώς πρέπει να είναι η κεφαλίδα H1 των εγγράφων HTML που γράφουμε και υπόκεινται σε αυτό το φύλλο στυλ. Για αυτό, οι σελίδες HTML πρέπει να έχουν αυτήν την πρόταση στην ενότητα ΚΕΦΑΛΙ:
Στο οποίο
Μπορούμε επίσης να συμπεριλάβουμε τις οδηγίες διάταξης για το στυλ στο ίδιο αρχείο HTML που χρησιμοποιούμε για τη σελίδα, εξοικονομώντας έτσι ένα επιπλέον αρχείο, αλλά τότε χάνουμε την ευελιξία της αλλαγής της εμφάνισης όλων των σελίδων που έχουν μόνο το χειρισμό ενός αρχείου, καθώς θα πρέπει να τροποποιήσουμε όλο το HTML ακριβώς το ίδιο.
Η γλώσσα στην οποία γράφονται τα φύλλα στυλ CSS υπήρχε ήδη πριν από την έγκρισή τους από το W3C, μια οντότητα που είναι υπεύθυνη για τη ρύθμιση των προτύπων που χρησιμοποιούνται στον Ιστό σε τεχνικό επίπεδο.
Εγκρίθηκε στα μέσα της δεκαετίας του 1990 και έκτοτε έγινε πρότυπο. απαραίτητος για χρήση σε μεγάλους ιστότοπους.
Φωτογραφία: Fotolia - Stringer
Θέματα σε CSS (Φύλλα στυλ)