Διαφορές μεταξύ CSS και CSS3

Cascading Style Sheets , που είναι γνωστή ως " CSS ", είναι μια γλώσσα σχεδιασμού Web που χρησιμοποιείται για τον έλεγχο της εμφάνιση και την αισθητική των ιστοσελίδων . Τα αρχεία CSS δημιουργούνται ξεχωριστά από τις σελίδες Web κατά τη διάρκεια της διαδικασίας σχεδιασμού που τους καθιστά εξαιρετικά ευέλικτο . Μόλις μια ιστοσελίδα έχει δημιουργηθεί , ένας σχεδιαστής απλώς αλλάζει τα αρχεία CSS , χωρίς να αγγίξετε τον κύριο κωδικό HML . Από την επίσημη έναρξη της πρώτης προδιαγραφές CSS , η γλώσσα σήμανσης έχει υποστεί πολλές τροποποιήσεις και αλλαγές . CSS3 τώρα έρχεται με πολλές περισσότερες δυνατότητες και υποστηρίζει ένα πλούσιο περιβάλλον και επιπλέον λειτουργίες . Ενότητες
Η

Ενότητες είναι μια νέα έννοια στο CSS3 που επιτρέπουν οι προδιαγραφές CSS να χωριστεί σε ομάδες των χαρακτηριστικών . Αυτή η αρχιτεκτονική σημαίνει ότι CSS3 μπορεί να αρχίσει το τροχαίο με πολύ λίγα νέα χαρακτηριστικά και καθώς ωριμάζει , τα πιο χαρακτηριστικά προστίθενται σε ενότητες, παρόμοια με την ευέλικτη μέθοδο ανάπτυξης που χρησιμοποιείται στην ανάπτυξη λογισμικού . Αυτή η επαναληπτική και αυξητική ανάπτυξη σημαίνει ότι CSS3 είναι πιο ευέλικτη σε σχέση με τους προκατόχους του .
Εικόνων Πολλαπλές φόντο
Η

Με το CSS , που έχει πολλαπλά φόντα θα απαιτούσε τη χρήση ενός αριθμού HTML ετικέτες και ετικέτες div να τους καταστήσει σε μια ιστοσελίδα . Με CSS3 , το νέο και βελτιωμένο " background- image " ιδιότητα επιτρέπει τα ψέματα των διατάξεων της εικόνας πάνω από κάθε άλλο , δηλώνοντας , όπως φαίνεται στο δείγμα κώδικα :

Ιστορικό- image : URL ( pic1.jpg ) , URL ( pic2.jpg , URL ( pic3.jpg ) ?

Η Shadowing κείμενο
Η

Ειδικά εφέ στο CSS που απαιτείται ώστε το κείμενο να καθίσταται για πρώτη φορά στην εικόνα - λογισμικό επεξεργασίας και στη συνέχεια συνδέεται με μια ιστοσελίδα που χρησιμοποιούν το " " ετικέτα . Η « σκιά του κειμένου " ιδιοκτησίας CSS3 επιτρέπει πλέον χαρακτηριστικά κειμένου, όπως μια θολή αποτέλεσμα σκιά του κειμένου να προστεθεί χρησιμοποιώντας ένα tag . Αυτός ο κώδικας δείχνει πώς αυτό είναι γίνεται :

Κείμενο - σκιά : 1px 4px 6px # 33333 ?

Η τρίτη τιμή , " 6px , " ελέγχει την επίδραση θαμπάδα , ενώ οι δύο πρώτες τιμές ελέγχουν την κατεύθυνση πτώσης σκιά
.
Η αδιαφάνεια
Η

με το CSS , θα έπρεπε να χρησιμοποιήσει διάφορα hacks για να παράγουν το αποτέλεσμα αδιαφάνεια με CSS3 αδιαφάνεια νέο χαρακτηριστικό , αυτό γίνεται τώρα σε ένα στάδιο , όπως φαίνεται από τον κώδικα. :

# my_id {

φόντου: # F11 ?

Αδιαφάνεια : 1 ?

}
εικόνων Border ακτίνα

προγραμματιστές χρησιμοποιούν μερικές γραμμές κώδικα για να έχουν στρογγυλεμένες γωνίες χωρίς να χρειάζεται να χρησιμοποιήσετε την παλαιότερη μέθοδο CSS εισαγωγής νέες βιβλιοθήκες και να κάνει τις εικόνες για κάθε γωνία Αυτός ο κώδικας δείχνει πώς γίνεται το CSS3 :

# id {

Ύψος : 50px ?

Πλάτος : 50px

Border : 2px solid # F00 ?

}


εικόνων