De belangrijkste functie van Cascading Style Sheets is erg belangrijk. Waar CSS samenwerkt met HTML en om de basisstijl en uiterlijk te bieden en dit zal ons laten weten dat HTML-elementen op de webpagina zullen kijken. Waar CSS3 de nieuwste versie van CSS is. Laten we de verschillende verschillen tussen CSS en CSS3 in de volgende volgorde bekijken:
- Compatibiliteit van CSS en CSS3
- Afgeronde hoeken en verloop
- Teksteffecten en animaties
- Pseudo-klassen
- Lijsten in CSS en CSS3
CSS3 biedt mogelijkheden zoals JavaScript en biedt ook mobiele ontwikkelingsfuncties met extra functies zoals overgangen, verloop, enz. Laten we dus CSS en CSS3 op deze parameters vergelijken.
Compatibiliteit van CSS en CSS3
CSS is niet compatibel met CSS3 omdat het belangrijkste doel was om zich te concentreren op het bieden van verschillende opmaakfuncties. Ze waren naast mogelijkheden voor de positie van teksten en objecten. Maar deze functies zijn bijgewerkt naar de nieuwste versie, namelijk CSS3.
CSS3 is het backword dat compatibel is met CSS. Hierdoor wordt code die in CSS is geschreven niet ongeldig. CSS3 zorgt ervoor dat de webpagina er aantrekkelijker en beter uitziet. Zij zijnzeer snel bij het laden en minder tijd nodig om de pagina op te bouwen.
Afgeronde hoeken en verloop
Toen CSS3 werd gelanceerd, ontwierpen de ontwikkelaars afbeeldingen die eruitzagen als afgeronde hoeken voor verschillende structuren en achtergrondverloop. Dit proces omvat de ontwikkelaar die de specifieke rand ontwerpt en het ontwerp over de server uploadt. Ze moeten de afbeelding op de webpagina plaatsen en uiteindelijk moet CSS deze rand correct plaatsen.
In CSS3 hoeft de ontwikkelaar de code gewoon rond te schrijven grens {border-radius: 20px}
. En het is gebeurd, ze hoeven niet via een server te verzenden en ook niet uit te voerenvan andere activiteiten. Zelfs verlopen kunnen worden ingesteld met behulp van code zoals gradBG {Achtergrond: liner-gradient (rood, zwart)}
wanneer u dit moet gebruiken. in java
Teksteffecten en animaties
In CSS zijn de animaties geschreven in JavaScript en JQuery. Het had niet de functies in de ontwerplaag en zelfs het pagina-element had ook geen speciale effecten zoals schaduwteksten, tekstselecties, enz.
In CSS3 zou de ontwikkelaar de tekstschaduw kunnen toevoegen om het lezen gemakkelijker te maken. Ze kunnen ook de visuele effecten toevoegen om de lijn te breken en aan de langere woorden, zodat ze passengemakkelijk in de kolommen. Het omvat ook de voortdurende verandering van grootte en kleur van de tekst, zelfs het tijdstip van verandering kan ook worden ingesteld.
Pseudo-klassen
Deze worden gebruikt om speciaal de staat van een element in CSS te definiëren.
Syntaxis:selector: pseudo-klassen {eigenschap: waarde}
. Dit biedt ook verschillende eigenschappen zoals hover on (), simpele tooltip hover ().
In CSS3 lijken deze pseudoklassen veel op CSS, maar ze hebben weinig extra functies die deze twee onderscheiden. Deze omvatten het hoofddoel van het documenthet wortelelement. Gebruikt de numerieke waarden binnen de (n) om te targeten.
Lijsten in CSS en CSS3
CSS:
salesforce ontwikkelaarstutorial voor beginners
Met CSS kan de gebruiker verschillende lijsten instellen voor geordende en ongeordende lijsten.
De gebruiker kan de afbeelding ook instellen voor een lijstitemmarkering.
Voeg achtergrondkleuren toe aan de lijst en lijstitems.
Ze kunnen cirkelvormig, vierkant, schijfachtig lijstachtig zijn.
CSS3
Om de lijst in CSS te gebruiken, moet de eigenschap display het lijstitem erin hebben gedefinieerd.
Het ondersteunt het nummeringssysteem niet.
c ++ sort int array
Het maakt het mogelijk dat de afbeelding wordt geplaatst tegen de markering van het lijstitem.
Het heeft ook een lijststijlpositie en kan de positie van het markeringsvak specificeren.
Hiermee komen we aan het einde van dit artikel waar we de verschillen tussen CSS en CSS3 bespraken. C ach uit de door Edureka. Web Development Certification Training helpt u te leren hoe u indrukwekkende websites kunt maken met HTML5, CSS3, Twitter Bootstrap 3, jQuery en Google API's en deze kunt implementeren op Amazon Simple Storage Service (S3).
Heeft u een vraag voor ons? Vermeld het in het opmerkingengedeelte van dit artikel en we nemen contact met u op.