Η κύρια λειτουργία των Cascading Style Sheets είναι πολύ σημαντική. Όπου το CSS λειτουργεί μαζί με το HTML και παρέχει το βασικό στυλ και εμφάνιση και αυτό θα μας ενημερώσει ότι τα στοιχεία HTML θα εμφανίζονται στην ιστοσελίδα. Όπου το CSS3 είναι η τελευταία έκδοση του CSS. Ας κατανοήσουμε τις διάφορες διαφορές μεταξύ CSS και CSS3 με την ακόλουθη σειρά:
- Συμβατότητα CSS και CSS3
- Στρογγυλεμένες γωνίες και κλίση
- Εφέ κειμένου και κινούμενες εικόνες
- Μαθήματα ψευδο
- Λίστες σε CSS και CSS3
Το CSS3 παρέχει δυνατότητες όπως το JavaScript και παρέχει επίσης δυνατότητες ανάπτυξης κινητών τηλεφώνων με πρόσθετες δυνατότητες όπως μεταβάσεις, διαβάθμιση κ.λπ.
Συμβατότητα CSS και CSS3
Το CSS δεν είναι συμβατό με το CSS3 επειδή ο κύριος σκοπός του ήταν να εστιάσει στην παροχή διαφορετικών δυνατοτήτων μορφοποίησης. Ήταν επιπλέον των δυνατοτήτων για τη θέση των κειμένων και των αντικειμένων. Αλλά αυτές οι δυνατότητες ενημερώθηκαν στην τελευταία έκδοση που είναι CSS3.
Το CSS3 είναι το backword συμβατό με το CSS. Αυτό δεν θα κάνει κανέναν κωδικό γραμμένο σε CSS ως μη έγκυρο. Το CSS3 κάνει την ιστοσελίδα να φαίνεται πιο ελκυστική και καλύτερη. Αυτοί είναιπολύ γρήγορη φόρτωση και λιγότερο χρόνο που απαιτείται για τη δημιουργία της σελίδας.
Στρογγυλεμένες γωνίες και κλίση
Όταν κυκλοφόρησε το CSS3, οι προγραμματιστές σχεδίαζαν εικόνες που θα μοιάζουν με στρογγυλεμένες γωνίες σε διαφορετικές δομές και κλίση φόντου. Αυτή η διαδικασία περιλαμβάνει τον προγραμματιστή να σχεδιάζει το συγκεκριμένο περίγραμμα και να ανεβάζει τη σχεδίαση μέσω του διακομιστή. Πρέπει να τοποθετήσουν την εικόνα στην ιστοσελίδα και στο τέλος, το CSS πρέπει να τοποθετήσει αυτό το περίγραμμα σωστά.
Στο CSS3 ο προγραμματιστής πρέπει απλώς να γράψει τον κώδικα σαν στρογγυλό σύνορο {border-radius: 20 εικονοστοιχεία}. Και ολοκληρώθηκε, δεν χρειάζεται να στείλουν μέσω διακομιστή και να εκτελέσουν οποιοδήποτε είδοςάλλων δραστηριοτήτων. Ακόμη και οι ντεγκραντέ μπορούν να ρυθμιστούν χρησιμοποιώντας κώδικα όπως gradBG {Φόντο: κλίση επένδυσης (κόκκινο, μαύρο)}
μετατροπή συμβολοσειράς σε πίνακα php
Εφέ κειμένου και κινούμενες εικόνες
Στο CSS τα κινούμενα σχέδια γράφτηκαν σε JavaScript και JQuery. Δεν είχε τα χαρακτηριστικά στο επίπεδο σχεδίασης και ακόμη και το στοιχείο της σελίδας δεν είχε κανένα είδος ειδικών εφέ όπως σκίαση κειμένων, επιλογές κειμένου κ.λπ.
def __init __ (self) python
Στο CSS3 ο προγραμματιστής θα μπορούσε να προσθέσει το κείμενο-σκιά για να διευκολύνει την ανάγνωση. Θα μπορούσαν επίσης να προσθέσουν τα οπτικά εφέ για να σπάσουν τη γραμμή και στις μακρύτερες λέξεις ώστε να ταιριάζουνεύκολα μέσα στις στήλες. Περιλαμβάνει επίσης τη συνεχή αλλαγή του μεγέθους και του χρώματος του κειμένου, ακόμη και η ώρα αλλαγής μπορεί επίσης να ρυθμιστεί.
Μαθήματα ψευδο
Αυτά χρησιμοποιούνται για να ορίσουν ειδικά την κατάσταση ενός στοιχείου στο CSS.
Σύνταξη:επιλογέας: ψευδο-τάξεις {property: value}. Αυτό παρέχει επίσης διάφορες ιδιότητες όπως το hover on (), το απλό tooltip hover ().
Στο CSS3 αυτές οι ψευδο-τάξεις μοιάζουν πολύ με το CSS, αλλά έχουν λίγα πρόσθετα χαρακτηριστικά που διαφοροποιούν αυτά τα δύο. Αυτά περιλαμβάνουν τον ριζικό στόχο που είναι το έγγραφοτο ριζικό στοιχείο. Χρησιμοποιεί τις αριθμητικές τιμές στο (n) για στόχευση
Λίστες σε CSS και CSS3
CSS:
Το CSS επιτρέπει στον χρήστη να ορίσει διαφορετική λίστα για λίστες που έχουν ταξινομηθεί και δεν έχει ταξινομηθεί.
Ο χρήστης μπορεί επίσης να ορίσει την εικόνα για δείκτη στοιχείου λίστας.
Προσθέστε χρώματα φόντου στη λίστα και τα στοιχεία λίστας.
Μπορούν να είναι κύκλοι, τετράγωνα, τύπου δίσκου-τύπου λίστας-τύπου.
CSS3
Σε αυτό για να χρησιμοποιήσετε τη λίστα σε CSS, η ιδιότητα εμφάνισης θα πρέπει να έχει το στοιχείο λίστας που ορίζεται σε αυτό.
Δεν υποστηρίζει το σύστημα αρίθμησης.
Επιτρέπει τη ρύθμιση της εικόνας έναντι του δείκτη στοιχείου λίστας.
Έχει επίσης μια θέση στυλ λίστας και μπορεί να καθορίσει τη θέση του πλαισίου σήμανσης.
πώς να αλλάξετε διπλό σε int στην Ιάβα
Με αυτό, φτάνουμε στο τέλος αυτού του άρθρου όπου συζητήσαμε τις διαφορές μεταξύ CSS και CSS3. ντο τσεκάρετε το από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google API και να το αναπτύξετε στην υπηρεσία απλής αποθήκευσης Amazon (S3).
Έχετε μια ερώτηση για εμάς; Παρακαλώ αναφέρετέ το στην ενότητα σχολίων αυτού του άρθρου και θα επικοινωνήσουμε μαζί σας.