Huvudfunktionen för Cascading Style Sheets är mycket viktig. Där CSS arbetar tillsammans med HTML och ger den grundläggande stilen och utseendet och detta kommer att meddela oss att HTML-element kommer att se ut på webbsidan. Där CSS3 är den senaste versionen av CSS. Låt oss förstå de olika skillnaderna mellan CSS och CSS3 i följande ordning:
- Kompatibilitet mellan CSS och CSS3
- Rundade hörn och lutning
- Texteffekter och animationer
- Pseudokurser
- Listor i CSS och CSS3
CSS3 tillhandahåller funktioner som JavaScript och ger också funktioner för mobilutveckling med ytterligare funktioner som övergångar, lutning etc. Så, låt oss jämföra CSS och CSS3 på dessa parametrar.
Kompatibilitet mellan CSS och CSS3
CSS är inte kompatibelt med CSS3 eftersom dess huvudsyfte var att fokusera på att tillhandahålla olika formateringsfunktioner. De var förutom kapacitet för placering av texter och objekt. Men dessa funktioner uppdaterades till den senaste versionen som är CSS3.
CSS3 är bakordet som är kompatibelt med CSS. Detta gör inte någon kod skriven i CSS ogiltig. CSS3 gör att webbsidan ser mer attraktiv och bättre ut. Dom ärmycket snabbt vid laddning och mindre tid som krävs för att bygga sidan.
Rundade hörn och lutning
När CSS3 lanserades brukade utvecklarna designa bilder som skulle se ut som rundade hörn för olika strukturer och bakgrundsgradient. Denna process inkluderar utvecklaren som utformar den specifika gränsen och laddar upp designen över servern. De måste placera bilden på webbsidan och i slutändan måste CSS placera denna kant korrekt.
I CSS3 behöver utvecklaren bara skriva koden som rund gräns {gränsradie: 20 pixlar}. Och det är gjort att de inte behöver skicka någon server och utföra något slagav andra aktiviteter. Även lutningar kan ställas in med hjälp av kod som gradBG {Bakgrund: liner-gradient (röd, svart)}
hur man avslutar programmet i java
Texteffekter och animationer
I CSS skrevs animationerna i JavaScript och JQuery. Det hade inte funktionerna i designlagret och till och med sidelementet hade inte heller några specialeffekter som att skugga texter, textval etc.
I CSS3 kan utvecklaren lägga till textskugga för att göra det lättare att läsa. De kan också lägga till de visuella effekterna för att bryta linjen och till de längre orden så att de passarlätt inuti kolumnerna. Det inkluderar också kontinuerlig ändring av storlek och färg på texten även ändringstidpunkten kan också ställas in.
Pseudokurser
Dessa används för att särskilt definiera tillståndet för ett element i CSS.
Syntax:väljare: pseudoklasser {fastighet: värde}. Detta ger också olika egenskaper som svävar på (), enkel verktygstips svävar ().
I CSS3 liknar dessa pseudoklasser mycket CSS men de har få ytterligare funktioner som skiljer dessa två. Dessa inkluderar rotmålet vilket dokumentrotelementet. Använder de numeriska värdena inom (n) som du vill rikta in.
Listor i CSS och CSS3
CSS:
CSS tillåter användaren att ställa in en annan lista för beställda och oordnade listor.
Användaren kan också ställa in bilden för en listobjektmarkör.
Lägg till bakgrundsfärger i listan och listobjekten.
De kan vara cirkelformade, fyrkantiga, skivliknande listformade.
CSS3
För att använda listan i CSS ska visningsegenskapen ha listobjektet definierat.
Det stöder inte numreringssystemet.
Det gör att bilden ställs in mot listobjektmarkören.
Den har också en position i liststilen och kan ange placeringen för markeringsrutan.
Med detta kommer vi till slutet av den här artikeln där vi diskuterade skillnaderna mellan CSS och CSS3. C heck ut av Edureka. Webbutvecklingscertifieringsträning hjälper dig att lära dig att skapa imponerande webbplatser med HTML5, CSS3, Twitter Bootstrap 3, jQuery och Google API: er och distribuera den till Amazon Simple Storage Service (S3).
längden på en array-javascript
Har du en fråga till oss? Vänligen nämna det i kommentarsektionen i den här artikeln så återkommer vi till dig.