La funció principal de Fulls d’estil en cascada és molt important. On CSS funciona conjuntament amb HTML i per proporcionar l’estil i l’aspecte bàsics, això ens farà saber que els elements HTML es veuran a la pàgina web. On CSS3 és la darrera versió de CSS. Comprenem les diferents diferències entre CSS i CSS3 en l’ordre següent:
- Compatibilitat de CSS i CSS3
- Racons arrodonits i degradat
- Efectes de text i animacions
- Classes de pseudo
- Llistes a CSS i CSS3
CSS3 proporciona funcions com JavaScript i també ofereix funcions de desenvolupament mòbil amb funcions addicionals com transicions, degradat, etc. Per tant, comparem CSS i CSS3 en aquests paràmetres.
Compatibilitat de CSS i CSS3
CSS no és compatible amb CSS3 perquè el seu propòsit principal era centrar-se a proporcionar diferents funcions de format. A més de les capacitats per a la posició de textos i objectes. Però aquestes funcions s'han actualitzat a l'última versió que és CSS3.
CSS3 és la paraula clau compatible amb CSS. Això no farà que cap codi escrit en CSS no sigui vàlid. CSS3 fa que la pàgina web sembli més atractiva i millor. Ells sónmolt ràpid en carregar i menys temps necessari per crear la pàgina.
Racons arrodonits i degradat
Quan es va llançar el moment CSS3, els desenvolupadors solien dissenyar imatges que semblessin cantonades arrodonides a diferents estructures i gradient de fons. Aquest procés inclou que el desenvolupador dissenyi la vora específica i pengi el disseny al servidor. Han de col·locar la imatge a la pàgina web i, al final, CSS ha de situar correctament aquesta vora.
A CSS3, el desenvolupador només ha d’escriure el codi com a ronda frontera {border-radi: 20px}. I ja està fet, no necessiten enviar-los a través de cap servidor ni realitzar cap tipusd'altres activitats. Fins i tot els degradats es poden configurar utilitzant codi com ara gradBG {Fons: gradient de liner (vermell, negre)}
implementació de llista enllaçada al c
Efectes de text i animacions
A CSS les animacions es van escriure en JavaScript i JQuery. No tenia les funcions de la capa de disseny i fins i tot l’element de pàgina tampoc tenia cap tipus d’efectes especials com ombres de text, seleccions de text, etc.
A CSS3, el desenvolupador podria afegir text-shadow per facilitar la lectura. També podrien afegir els efectes visuals per trencar la línia i les paraules més llargues perquè encaixessinfàcilment dins de les columnes. També inclou el canvi continu de mida i color del text, fins i tot també es pot establir el moment del canvi.
Classes de pseudo
S’utilitzen per definir especialment l’estat d’un element en CSS.
Sintaxi:selector: pseudo-classes {property: value}. Això també proporciona diverses propietats com passar el cursor a sobre (), passar el cursor a sobre de la informació senzilla ().
A CSS3 aquestes pseudo-classes són molt similars a CSS, però tenen poques funcions addicionals que diferencien aquestes dues. Aquests inclouen la destinació arrel del documentl'element arrel. Utilitza els valors numèrics dins (n) per orientar-se.
Llistes a CSS i CSS3
CSS:
CSS permet a l'usuari establir una llista diferent per a llistes ordenades i no ordenades.
L'usuari també pot configurar la imatge per a un marcador d'element de llista.
Afegiu colors de fons a la llista i als elements de la llista.
Poden ser cercles, quadrats, tipus disc, tipus llista.
CSS3
Per fer servir la llista a CSS, la propietat de visualització hauria de tenir l'element de la llista definit.
No admet el sistema de numeració.
Permet establir la imatge en funció del marcador de l'element de llista.
També té una posició d'estil de llista i pot especificar la posició del quadre de marcador.
Amb això, arribem al final d’aquest article on vam discutir les diferències entre CSS i CSS3. C fes un cop d'ull al per Edureka. La formació en certificació per al desenvolupament web us ajudarà a aprendre a crear llocs web impressionants mitjançant HTML5, CSS3, Twitter Bootstrap 3, jQuery i API de Google i implementar-lo a Amazon Simple Storage Service (S3).
estructures de dades i algorismes a Java
Tens alguna pregunta? Si us plau, mencioneu-lo a la secció de comentaris d’aquest article i us respondrem.