Περιεχόμενο
Το ακρωνύμιο CSS προέρχεται από τα αγγλικά "cascading style sheets" ή "cascading style sheets". Το CSS παρέχει μεγαλύτερο βαθμό καλλιτεχνικού και σχεδιαστικού ελέγχου στους υπεύθυνους ανάπτυξης ιστοσελίδων και σχεδιαστές διαχωρίζοντας το περιεχόμενο από τις παραμέτρους της εμφάνισης. Οι δηλώσεις CSS τοποθετούνται στην κεφαλίδα ενός εγγράφου ιστού και στη συνέχεια εμφανίζονται μέσα στο σώμα της ιστοσελίδας με τιράντες - {}. Μέσα στα τιράντες υπάρχουν οι παρενθέσεις - () - ή οι παρενθέσεις - [] - που ορίζουν άλλα στοιχεία CSS.
Κλειδιά
Τα πλήκτρα είναι τα κύρια στοιχεία της σύνταξης CSS. Εννοούν το άνοιγμα και το κλείσιμο όλων των παραμέτρων CSS που περιέχονται σε αυτά. Αντιπροσωπεύονται ως {}, ακολουθούν τα στοιχεία CSS που σημαίνουν μια εικόνα, μια θέση, ένα στοιχείο εμφάνισης ή οποιοδήποτε συνδυασμό στοιχείων. Τα κλειδιά μπορούν να υπάρχουν μέσα σε οποιοδήποτε στοιχείο div / layer και βρίσκονται πάντα μέσα στις ετικέτες "</ body>". Ακολουθεί ένα παράδειγμα:
div # παράδειγμα {padding: 5px; περιθώριο: 20px; πλάτος: 350px; }}
Παρενθέσεις
Σχεσιακά στοιχεία, όπως ποσοστά και χρώματα, περικλείονται σε παρενθέσεις. Οι παρενθέσεις παρέχουν επιπλέον ορισμό στα στοιχεία CSS. Σε εκδόσεις CSS πριν από το CSS3, οι παρενθέσεις θα μπορούσαν να ορίζουν στοιχεία με τον ίδιο τρόπο όπως και τα κλειδιά. Δύο παραδείγματα είναι το χρώμα (καθορίζεται από τον δεκαεξαδικό κώδικα) και τις εικόνες φόντου, αντίστοιχα:
χρώμα: rgb (128, 128, 255); εικόνα: url ("/ images / bg.png")
Στηρίγματα
Οι βραχίονες - [] -, γνωστοί ως επιλογείς χαρακτηριστικών, χρησιμοποιούνται για τον προσδιορισμό τιμών χαρακτηριστικών ενός στοιχείου. Υπήρχαν τέσσερις διαφορετικές τιμές στο CSS2 και προστέθηκαν, αλλά τρεις με CSS3. Οι τέσσερις αρχικοί επιλογείς καθορίζουν την παρουσία του χαρακτηριστικού - [title], που αντιστοιχεί σε οποιοδήποτε στοιχείο που έχει ένα συγκεκριμένο χαρακτηριστικό "title". η απλή τιμή χαρακτηριστικού - εισαγωγή [type = "αποστολή"], που αντιστοιχεί σε οποιοδήποτε στοιχείο εισόδου του οποίου ο τύπος χαρακτηριστικού είναι ίσος με "αποστολή". η τιμή του χαρακτηριστικού λίστας - p [class ~ = "literary"], που αντιστοιχεί σε παραγράφους των οποίων το χαρακτηριστικό κλάσης είναι ένας κατάλογος λέξεων που χωρίζονται από διαστήματα, εκ των οποίων το "λογοτεχνικό". και μερική τιμή χαρακτηριστικού - [href ^ = "http:"], που αντιστοιχεί σε στοιχεία σύνδεσης των οποίων η τιμή χαρακτηριστικού αρχίζει με "http:". Οι αγκύλες δεν χρησιμοποιήθηκαν πολύ πριν από την εισαγωγή του Internet Explorer 7, επειδή ο IE6 δεν τις αναγνώριζε.
Chevrons
Οι επιλογείς και τα τμήματα της βασικής γλώσσας σήμανσης υπερκειμένου (HTML) και των εγγράφων γλώσσας εκτάκτου σήμανσης (XML) οριοθετούνται από έντονα παρενθέματα, γνωστά ως σφήνες . Αντιπροσωπεύουν επίσης ένα παιδικό στοιχείο κάποιων στοιχείων CSS. Στο CSS, ένας "επιλογέας παιδιών" αποτελείται από δύο ή περισσότερα αντικείμενα που χωρίζονται από το σύμβολο ">". Αυτά υποδηλώνουν ορισμένα καθορισμένα τμήματα μιας ιστοσελίδας: το σώμα, το οποίο είναι η σελίδα ορατή. τα στρώματα, τα οποία μπορούν να στοιβάζονται ως φύλλα χαρτιού το ένα πάνω στο άλλο. ή τιτλοδότηση, που υποδηλώνει ορισμένα αντικείμενα ή ημερομηνίες γνωστές ως "μικροδιαμορφωμένα".
Σημειώσεις CSS
Διαχωρισμένες από τις αγκύλες CSS, αλλά εξακολουθούν να αποτελούν πολύτιμο οργανωτικό εργαλείο για περίτεχνα σχέδια CSS, είναι σημειώσεις φύλλων στυλ. Αυτά είναι σχόλια που δεν προσθέτουν τίποτα στον κώδικα HTML και συνεπώς δεν αυξάνουν τον χρόνο φόρτωσης των σελίδων. παρέχουν ένα περίγραμμα για μεγάλο και περίτεχνο CSS. Οι σημειώσεις στο CSS τοποθετούνται στο δικό τους χαρακτηριστικό - / * - όπως παρακάτω:
/ Οποιοδήποτε σχόλιο περιέχεται σε τμήματα που οριοθετούνται με μια κάθετο και έναν αστερίσκο. /
Μπορούν να είναι εξαιρετικά πολύτιμες για να σας βοηθήσουν να περιηγηθείτε σε τμήματα των φυλλαδίων στυλ.
Αναφορές
- "CSS Mastery: Προηγμένες λύσεις προτύπων διαδικτύου". Andy Budd, et αϊ. 2009
- W3 Σχολές: Σύνταξη CSS
- "Η τελική αναφορά CSS". Tommy Olsson et αϊ. 2008
Πτήσεις
- W3C: Επιλογείς CSS [στα Αγγλικά]
- New2HTML: Η σύνταξη του CSS [στα Αγγλικά]