Hovedfunksjonen til Cascading Style Sheets er veldig viktig. Hvor CSS jobber sammen med HTML og gir den grunnleggende stilen og utseendet, og dette vil gi oss beskjed om at HTML-elementer vil se ut på websiden. Hvor CSS3 er den siste versjonen av CSS. La oss forstå de forskjellige forskjellene mellom CSS og CSS3 i følgende rekkefølge:
- Kompatibilitet mellom CSS og CSS3
- Avrundede hjørner og gradering
- Teksteffekter og animasjoner
- Pseudoklasser
- Lister i CSS og CSS3
CSS3 gir funksjoner som JavaScript og gir også funksjoner for mobilutvikling med tilleggsfunksjoner som overganger, gradient osv. Så la oss sammenligne CSS og CSS3 på disse parametrene.
Kompatibilitet mellom CSS og CSS3
CSS er ikke kompatibel med CSS3 fordi hovedformålet var å fokusere på å tilby forskjellige formateringsfunksjoner. De var i tillegg til evner for plassering av tekster og objekter. Men disse funksjonene ble oppdatert til den nyeste versjonen som er CSS3.
CSS3 er bakordet som er kompatibelt med CSS. Dette vil ikke gjøre at noen koder skrevet i CSS er ugyldige. CSS3 gjør nettsiden mer attraktiv og bedre. De erveldig rask ved lasting og mindre tid som kreves for å bygge siden.
Avrundede hjørner og gradering
Da CSS3 ble lansert, pleide utviklerne å utforme bilder som ville se ut som avrundede hjørner til forskjellige strukturer og bakgrunnsgradient. Denne prosessen inkluderer utvikleren som designer den spesifikke grensen og laster opp designet over serveren. De må plassere bildet på nettsiden, og til slutt må CSS plassere denne grensen riktig.
I CSS3 trenger utvikleren bare å skrive koden som rund grense {border-radius: 20px}. Og det er gjort at de ikke trenger å sende noen servere og utføre noe slagav andre aktiviteter. Selv stigninger kan angis ved å bruke kode som gradBG {Bakgrunn: liner-gradient (rød, svart)}
Teksteffekter og animasjoner
I CSS ble animasjonene skrevet i JavaScript og JQuery. Den hadde ikke funksjonene i designlaget, og til og med sideelementet hadde heller ingen spesielle effekter som skygging av tekster, tekstvalg osv.
I CSS3 kan utvikleren legge til tekstskygge for å gjøre det lettere å lese. De kan også legge til de visuelle effektene for å bryte linjen og til de lengre ordene slik at de passerlett inne i kolonnene. Det inkluderer også kontinuerlig endring av tekstens størrelse og farge, selv endringstidspunktet kan også angis.
Pseudoklasser
Disse brukes til å spesielt definere tilstanden til et element i CSS.
Syntaks:velger: pseudoklasser {eiendom: verdi}. Dette gir også forskjellige egenskaper som sveve på (), enkel verktøytips svever ().
I CSS3 ligner disse pseudoklassene mye på CSS, men de har få tilleggsfunksjoner som skiller disse to. Disse inkluderer rotmålet hvilket dokumentrotelementet. Bruker de numeriske verdiene i (n) som du vil målrette mot.
Lister i CSS og CSS3
CSS:
CSS lar brukeren sette en annen liste for bestilte og ikke-ordnede lister.
Brukeren kan også stille inn bildet for en listeelementmarkør.
Legg til bakgrunnsfarger i listen og listeelementene.
De kan være sirkelformede, firkantede, plate-lignende liste-stil-type.
CSS3
I dette for å bruke listen i CSS, bør displayegenskapen ha listeelementet definert i seg.
Det støtter ikke nummereringssystemet.
Det muliggjør at bildet settes mot markøren for listeelementet.
Den har også en listestilposisjon og kan spesifisere posisjonen til markørboksen.
Med dette kommer vi til en slutt på denne artikkelen der vi diskuterte forskjellene mellom CSS og CSS3. C pokker ut av Edureka. Webutvikling sertifiseringstrening hjelper deg med å lære hvordan du lager imponerende nettsteder ved hjelp av HTML5, CSS3, Twitter Bootstrap 3, jQuery og Google APIer og distribuerer det til Amazon Simple Storage Service (S3).
hva er et token i java
Har du spørsmål til oss? Vennligst nevn det i kommentarfeltet i denne artikkelen, så kommer vi tilbake til deg.