Το CSS είναι ένα διαδοχικό φύλλο στυλ που χρησιμοποιείται για τη δημιουργία οπτικών στοιχείων σε μια σελίδα πόρων στο Διαδίκτυο. Η απόδοση των αντικειμένων που καθορίζονται στο CSS υλοποιείται στη γλώσσα σήμανσης HTML. Οι ίδιοι πίνακες δεν μπορούν να χρησιμοποιηθούν μόνοι τους.
Χρησιμοποιώντας CSS
Το CSS είναι μια γλώσσα στυλ που εφαρμόζει την απόδοση στοιχείων σήμανσης HTML. Οι διαδοχικοί πίνακες σάς επιτρέπουν να προσαρμόσετε επιλογές που δεν μπορούν να αλλάξουν σε HTML. Για παράδειγμα, χρησιμοποιώντας τη γλώσσα στυλ, μπορείτε να επεξεργαστείτε το στυλ γραμματοσειράς, το χρώμα. Το CSS σάς επιτρέπει να ορίσετε περιθώρια, γραμμές, στοιχεία επένδυσης, πλάτος, στοιχεία θέσης και να εκτελέσετε την έξοδο αυτών των παραμέτρων που είναι αδύνατο να εφαρμοστούν χρησιμοποιώντας "καθαρό" HTML.
Τα επικαλυπτόμενα φύλλα στυλ υποστηρίζονται από σχεδόν όλα τα προγράμματα περιήγησης και χρησιμοποιούνται σε σχεδόν οποιονδήποτε πόρο ιστού. Ελέγχουν την εμφάνιση περιεχομένου χρησιμοποιώντας μια καθορισμένη γλώσσα και σας επιτρέπουν να ελέγχετε την εμφάνιση των αντικειμένων για διαφορετικά μέσα.
Εάν το HTML χρησιμοποιείται μόνο ως μέσο δομής του κειμένου μιας σελίδας, το CSS σάς επιτρέπει να προσαρμόσετε την εμφάνιση του εμφανιζόμενου περιεχομένου.
Σύνταξη CSS και η συμπερίληψή της σε κώδικα HTML
Κατά το σχεδιασμό μιας σελίδας, είναι προτιμότερο να χρησιμοποιείτε CSS σε σχέση με εργαλεία HTML. Το γεγονός είναι ότι η HTML αρχικά δεν είχε μέσα για την επεξεργασία του χρώματος των στοιχείων και δεν είχε σκοπό να ορίσει παραμέτρους χρώματος και εμφάνισης, και ως εκ τούτου η χρήση των περιγραφών HTML για τη δημιουργία ενός σχεδίου μπορεί να θεωρηθεί εσφαλμένη από ορισμένους προγραμματιστές ιστού.
Το CSS έχει διαφορετική σύνταξη από το HTML και περιλαμβάνεται στον κώδικα σελίδας μέσω ετικετών. Μπορείτε επίσης να ενσωματώσετε κώδικα CSS που βρίσκεται σε ξεχωριστό αρχείο χρησιμοποιώντας την ετικέτα παραμέτρων:
Ο κώδικας CSS έχει μια συγκεκριμένη σύνταξη, η οποία θα πρέπει να τηρείται αυστηρά, διαφορετικά τα στυλ που δημιουργούνται δεν θα εμφανίζονται στη σελίδα. Ένα τμήμα του κώδικα CSS μπορεί να χωριστεί σε 3 κύρια στοιχεία: επιλογέας, ιδιότητα και αξία. Αυτά τα στοιχεία γράφονται ως εξής:
επιλογέας {ιδιότητα: τιμή; }
Ο επιλογέας καθορίζει τη λαβή στην οποία εφαρμόζεται ο δημιουργημένος κανόνας εμφάνισης. Η παράμετρος ιδιοτήτων καθορίζει την δυνατότητα επεξεργασίας του στοιχείου και η τιμή καθορίζει την αντίστοιχη επιλογή για την ιδιότητα. Για παράδειγμα, για να αλλάξετε το χρώμα στην επικεφαλίδα του δεύτερου επιπέδου
HTML, μπορείτε να εφαρμόσετε τον ακόλουθο κώδικα:
h2 {χρώμα: κόκκινο; }
Αυτός ο κώδικας ορίζει το χρώμα κειμένου σε κόκκινο, το οποίο βρίσκεται στην περιγραφή κεφαλίδας δεύτερου επιπέδου.
Το CSS χρησιμοποιεί τον τυπικό πίνακα χρωμάτων HTML.
Εκτός από τη χρήση ετικετών, μπορείτε επίσης να χρησιμοποιήσετε εσωτερικές ετικέτες. Για παράδειγμα:
Επικεφαλίδα
Αυτός ο κωδικός είναι πανομοιότυπος με αυτόν που περιγράφηκε παραπάνω, με τη διαφορά ότι οι ίδιες οι παράμετροι CSS ορίστηκαν μέσα στον περιγραφέα που απαιτείται για επεξεργασία.