Μια γυναίκα σχεδιάστρια ιστοσελίδων στην εργασία στον υπολογιστή της σε ένα σύγχρονο γραφείο
Πίστωση εικόνας: monkeybusinessimages/iStock/Getty Images
Η αρχική προδιαγραφή Cascading Style Sheets, καθώς και η πολύ πιο πρόσφατη αναθεώρηση CSS3, είναι τεχνολογίες που χρησιμοποιούνται για τη βελτίωση και τη μορφοποίηση ιστοσελίδων HTML. Το CSS σχεδιάστηκε αρχικά για να χειρίζεται το επίπεδο παρουσίασης μιας ιστοσελίδας με πιο αποτελεσματικό τρόπο από ό μορφοποίηση με HTML, η οποία δεν προοριζόταν ποτέ να χειριστεί την περίπλοκη κατασκευή του σύγχρονου Ιστού. Επειδή το CSS2 είναι μια γενικά αποδεκτή επέκταση του CSS1, ο όρος CSS χωρίς αριθμό υποδηλώνει τη συμπερίληψη του CSS2. Η προδιαγραφή CSS3 είναι ακόμα υπό ανάπτυξη από τον Ιούλιο του 2014, επομένως οι προγραμματιστές Ιστού πρέπει να λάβουν υπόψη ότι η υποστήριξη χαρακτηριστικών ποικίλλει μεταξύ των προγραμμάτων περιήγησης.
Το CSS3 είναι συμβατό προς τα πίσω με το CSS
Το CSS3 είναι μια ενημέρωση του CSS2 που διατηρεί συμβατότητα με όλες τις δυνατότητες του CSS -- το CSS3 δεν καταργεί κανέναν από τον κώδικα CSS. Ο κώδικας CSS3 έχει σχεδιαστεί για να κάνει τις ιστοσελίδες να φαίνονται καλύτερες και να φορτώνουν πιο γρήγορα, καθώς και να μειώνει τον χρόνο ανάπτυξης για τη δημιουργία σελίδων στο πρόγραμμα περιήγησης ενός χρήστη. Το CSS3 καθιστά τη σχεδίαση Ιστού λιγότερο εξαρτώμενη από αρχεία εικόνας για στοιχεία σχεδίασης σελίδας και μειώνει τα αιτήματα μεταφοράς αρχείων και τον χρόνο λήψης χρησιμοποιώντας λιγότερες εικόνες. Το CSS1 επικεντρώθηκε στη μορφοποίηση εμφάνισης, ενώ το CSS2 πρόσθεσε δυνατότητες τοποθέτησης για κείμενο και αντικείμενα. Οι παλαιότερες εκδόσεις του προγράμματος περιήγησης όπως το IE 9 και οι προηγούμενες δεν υποστηρίζουν ευρέως τις πρόσθετες δυνατότητες του CSS3, οι οποίες μπορεί να απαιτούν επιπλέον χρόνο ανάπτυξης για τη διατήρηση του εναλλακτικού κώδικα CSS.
Το βίντεο της ημέρας
Το CSS3 προσθέτει στρογγυλεμένες γωνίες και διαβαθμίσεις
Πριν από το CSS3, οι προγραμματιστές Ιστού χρειαζόταν να σχεδιάσουν αρχεία εικόνας για να προσθέσουν πράγματα όπως στρογγυλεμένες γωνίες για δομικά περιγράμματα και διαβαθμίσεις εικόνας φόντου. Το CSS3 περιλαμβάνει συγκρίσιμα χαρακτηριστικά που μπορούν να προστεθούν με μερικές γραμμές κώδικα. Στο CSS, ένας προγραμματιστής Ιστού πρέπει να σχεδιάσει ένα περίγραμμα ή μια κλίση, να το ανεβάσει στον διακομιστή εικόνων, να τοποθετήσει την εικόνα στη σελίδα και να χρησιμοποιήσει το CSS για να τοποθετήσει σωστά το περίγραμμα. Στο CSS3, ο προγραμματιστής Ιστού μπορεί να πετύχει κάτι παρόμοιο με κώδικα όπως ".roundBorder{border-radius: 10px;}". Οι διαβαθμίσεις φόντου είναι λίγο πιο περίπλοκες και απαιτούν διαφορετικό κώδικα για διαφορετικά προγράμματα περιήγησης. Για παράδειγμα, μια κλίση από λευκό προς μαύρο για Chrome και IE χρησιμοποιεί κώδικα όπως ".gradBG{background: liner-gradient (λευκό, μαύρο);}".
Το CSS3 προσθέτει δυνατότητες κινουμένων σχεδίων και εφέ κειμένου
Το CSS3 έχει μια χούφτα λειτουργίες που δεν υπάρχουν στο CSS για τη βελτίωση της εμφάνισης των στοιχείων της σελίδας σας. Με το CSS3, οι προγραμματιστές Ιστού μπορούν να προσθέσουν μια σκιά κειμένου στο κείμενο για να διευκολύνουν την ανάγνωση ή να προσθέσουν οπτική αίσθηση και μπορούν να επιβάλουν αλλαγές γραμμής σε μεγαλύτερες λέξεις για να χωρέσουν σε στήλες με αναδίπλωση λέξεων. Πριν από το CSS3, οι προγραμματιστές Ιστού χρειάζονταν να κωδικοποιούν κινούμενα σχέδια σε γλώσσες δέσμης ενεργειών όπως η JavaScript και το jQuery. Το CSS3 προσθέτει πολλές δυνατότητες κινούμενης εικόνας στο επίπεδο σχεδίασης. Το W3C εξακολουθεί να εργάζεται σε ένα πρότυπο κινούμενων εικόνων Ιστού για να επιλύσει ζητήματα συμβατότητας μεταξύ των διαφορετικών τεχνικών κινούμενων εικόνων.
Το CSS3 ορίζει στήλες κειμένου
Το CSS3 προσθέτει τη δυνατότητα διαχωρισμού τμημάτων κειμένου σε πολλές στήλες για ανάγνωση σαν εφημερίδα. Στην προδιαγραφή CSS2, οι προγραμματιστές Ιστού δυσκολεύονται να δημιουργήσουν ενότητες κειμένου πολλών στηλών, επειδή το πρότυπο δεν είναι εξοπλισμένο για αυτόματη διαίρεση κειμένου. Ιδιαίτερα με ιστότοπους που διαθέτουν αποκριτικό σχεδιασμό, μια τεχνική ανάπτυξης που αναδιατάσσει και αλλάζει το μέγεθος του περιεχομένου με βάση το βλέποντας την ανάλυση οθόνης της συσκευής, τα άτομα με μεγαλύτερες οθόνες μπορεί να δυσκολεύονται να διαβάσουν σειρές κειμένου που εκτείνονται σε οθόνη.
