Funcția principală a Foi de stil în cascadă este foarte importantă. În cazul în care CSS funcționează împreună cu HTML și pentru a oferi stilul și aspectul de bază, acest lucru ne va informa că elementele HTML vor arăta pe pagina web. Unde CSS3 este cea mai recentă versiune a CSS. Să înțelegem diferențele dintre CSS și CSS3 în următoarea ordine:
- Compatibilitatea CSS și CSS3
- Colțuri rotunjite și gradient
- Efecte text și animații
- Clase de pseudo
- Liste în CSS și CSS3
CSS3 oferă funcții precum JavaScript și oferă, de asemenea, funcții de dezvoltare mobilă cu funcții suplimentare, cum ar fi tranziții, gradient etc. Așadar, să comparăm CSS și CSS3 pe acești parametri.
Compatibilitatea CSS și CSS3
CSS nu este compatibil cu CSS3, deoarece scopul său principal era să se concentreze pe furnizarea diferitelor caracteristici de formatare. Acestea erau în plus față de capacitățile de poziționare a textelor și obiectelor. Dar aceste caracteristici au fost actualizate la cea mai recentă versiune care este CSS3.
CSS3 este cuvântul cheie compatibil cu CSS. Aceasta nu va face ca niciun cod scris în CSS să fie invalid. CSS3 face ca pagina web să arate mai atractivă și mai bună. Suntfoarte rapid la încărcare și mai puțin timp necesar pentru a crea pagina.
Colțuri rotunjite și gradient
Când a fost lansat CSS3, dezvoltatorii obișnuiau să proiecteze imagini care arătau ca colțuri rotunjite la diferite structuri și gradient de fundal. Acest proces include dezvoltatorul care proiectează chenarul specific și încarcă proiectul pe server. Ei trebuie să plaseze imaginea pe pagina web și, în cele din urmă, CSS trebuie să poziționeze corect această margine.
În CSS3, dezvoltatorul trebuie doar să scrie codul ca rotund frontieră {border-radius: 20px}. Și gata, nu trebuie să trimită prin niciun server și să efectueze orice fela altor activități. Chiar și gradienții se pot seta utilizând codul cum ar fi gradBG {Fundal: linie-gradient (roșu, negru)}
cum se termină programul Java
Efecte text și animații
În CSS animațiile au fost scrise în JavaScript și JQuery. Nu avea caracteristici în stratul de proiectare și nici elementul de pagină nu avea niciun fel de efecte speciale, cum ar fi umbrirea textelor, selecții de text etc.
În CSS3 dezvoltatorul ar putea adăuga text-shadow pentru a ușura citirea. De asemenea, ar putea adăuga efecte vizuale pentru a rupe linia și cuvintele mai lungi, astfel încât să se potriveascăușor în interiorul coloanelor. De asemenea, include schimbarea continuă a dimensiunii și a culorii textului, chiar și timpul modificării poate fi setat.
Clase de pseudo
Acestea sunt utilizate pentru a defini în mod special starea unui element din CSS.
Sintaxă:selector: pseudo-clase {property: value}. Aceasta oferă, de asemenea, diverse proprietăți, cum ar fi hover on (), hover tooltip simplu ().
În CSS3 aceste pseudo-clase sunt mult similare cu CSS, dar au puține caracteristici suplimentare care diferențiază aceste două. Acestea includ ținta rădăcină a documentuluielementul rădăcină. Folosește valorile numerice din (n) pentru a viza.
Liste în CSS și CSS3
CSS:
CSS permite utilizatorului să seteze diferite liste pentru listele ordonate și neordonate.
Utilizatorul poate seta, de asemenea, imaginea pentru un marcator de element de listă.
Adăugați culori de fundal la listă și la elementele listei.
Ele pot fi cerc, pătrat, de tip disc, de tip listă.
CSS3
Pentru a utiliza lista în CSS, proprietatea de afișare trebuie să aibă elementul listei definit în ea.
Nu acceptă sistemul de numerotare.
Permite ca imaginea să fie setată pe marcatorul elementului de listă.
De asemenea, are o poziție de stil listă și poate specifica poziția casetei de marcare.
Cu aceasta, ajungem la sfârșitul acestui articol, unde am discutat despre diferențele dintre CSS și CSS3. C uită-te la de Edureka. Instruirea pentru certificarea dezvoltării web vă va ajuta să învățați cum să creați site-uri web impresionante folosind HTML5, CSS3, Twitter Bootstrap 3, jQuery și API-urile Google și să îl implementați în Amazon Simple Storage Service (S3).
binar spre zecimal în java
Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii a acestui articol și vă vom răspunde.