Pagrindinė „Kaskadinių stiliaus lakštų“ funkcija yra labai svarbi. Kai CSS veikia kartu su HTML ir pateikia pagrindinį stilių bei išvaizdą, tai leis mums žinoti, kad HTML elementai atrodys tinklalapyje. Kur CSS3 yra naujausia CSS versija. Supraskime įvairius CSS ir CSS3 skirtumus tokia tvarka:
- CSS ir CSS3 suderinamumas
- Suapvalinti kampai ir gradientas
- Teksto efektai ir animacijos
- Pseudo klasės
- CSS ir CSS3 sąrašai
CSS3 teikia tokias galimybes kaip „JavaScript“, taip pat teikia mobiliųjų programų kūrimo funkcijas su papildomomis funkcijomis, tokiomis kaip perėjimai, gradientas ir kt. Taigi, palyginkime šiuos parametrus CSS ir CSS3.
CSS ir CSS3 suderinamumas
CSS nesuderinamas su CSS3, nes jos pagrindinis tikslas buvo sutelkti dėmesį į skirtingų formatavimo funkcijų teikimą. Jie papildė tekstų ir objektų padėties nustatymo galimybes. Tačiau šios funkcijos buvo atnaujintos į naujausią versiją, tai yra CSS3.
CSS3 yra su CSS suderinamas užrašas. Tai nepadarys jokio CSS parašyto kodo negaliojančio. Dėl CSS3 tinklalapis atrodo patrauklesnis ir geresnis. Jie yralabai greitai įkeliant ir mažiau laiko reikia puslapiui sukurti.
Suapvalinti kampai ir gradientas
Paleidus CSS3 kūrėjai kūrė vaizdus, kurie atrodytų kaip suapvalinti kampai skirtingoms struktūroms ir fono gradientui. Šis procesas apima kūrėją, kuris suprojektuoja konkrečią sieną ir įkelia dizainą per serverį. Jie turi įdėti vaizdą į tinklalapį ir galų gale CSS turi teisingai išdėstyti šią sieną.
CSS3 programuotojas tiesiog turi parašyti kodą kaip apvalus sienos {kraštinės spindulys: 20 taškų}
. Tai daroma, jų nereikia siųsti per bet kurį serverį ir atlikti bet kokio pobūdžiokitos veiklos. Net gradientai gali būti nustatyti naudojant kodą kaip gradBG {Fonas: linijinis gradientas (raudonas, juodas)}
Teksto efektai ir animacijos
CSS animacijos buvo parašytos „JavaScript“ ir „JQuery“. Jis neturėjo dizaino sluoksnio funkcijų, o net puslapio elementas taip pat neturėjo jokių specialiųjų efektų, tokių kaip šešėliniai tekstai, teksto pasirinkimai ir kt.
CSS3 kūrėjas galėtų pridėti teksto šešėlį, kad būtų lengviau jį skaityti. Jie taip pat galėtų pridėti vaizdinius efektus, kad pertrauktų liniją, ir prie ilgesnių žodžių, kad jie tiktųlengvai kolonų viduje. Tai taip pat apima nuolatinį teksto dydžio ir spalvos keitimą, taip pat galima nustatyti pakeitimo laiką.
Pseudo klasės
Jie naudojami specialiai apibrėžiant elemento būseną CSS.
Sintaksė:selector: pseudo-class {property: value}
. Tai taip pat suteikia įvairių savybių, pvz., Užveskite pelės žymeklį ant (), paprastą patarimą užveskite pelės žymeklį ().
CSS3 šios pseudo klasės yra labai panašios į CSS, tačiau jose yra nedaug papildomų funkcijų, kurios išskiria šias dvi. Tai apima pagrindinį tikslinį dokumentąšaknies elementas. Taikymui naudoja skaitines (n) reikšmes.
CSS ir CSS3 sąrašai
CSS:
CSS leidžia vartotojui nustatyti skirtingus užsakytų ir nesutvarkytų sąrašų sąrašus.
Vartotojas taip pat gali nustatyti sąrašo elemento žymeklio atvaizdą.
Prie sąrašo ir sąrašo elementų pridėkite fono spalvas.
Jie gali būti apskritimo, kvadrato, panašaus į diską sąrašo stiliaus tipo.
CSS3
Jei norite naudoti sąrašą CSS, ekrano ypatybėje turėtų būti apibrėžtas sąrašo elementas.
Jis nepalaiko numeracijos sistemos.
Tai leidžia vaizdą nustatyti pagal sąrašo elemento žymeklį.
Ji taip pat turi sąrašo stiliaus poziciją ir gali nurodyti žymeklio langelio padėtį.
Tuo mes baigėme šį straipsnį, kuriame aptarėme skirtumus tarp CSS ir CSS3. C Heck out the pateikė Edureka. Žiniatinklio kūrimo sertifikavimo mokymai padės sužinoti, kaip sukurti įspūdingas svetaines naudojant HTML5, CSS3, „Twitter Bootstrap 3“, „jQuery“ ir „Google“ API ir įdiegti ją „Amazon Simple Storage Service“ (S3).
vaizdinės studijos pamokos pradedantiesiems
Turite mums klausimą? Prašau tai paminėti šio straipsnio komentarų skyriuje ir mes su jumis susisieksime.