Grunderna i CSS3 Style Arvelitance

Grunderna i CSS3 Style Arvelitance - dummies

Den del av Cascading Style Sheet (CSS3) Cascading Style Sheet ) berättar allt. En stil i den översta delen av sidhierarkin kaskad ner i nedre delen av sidan. Genom att definiera en stil på rätt nivå i hierarkin reducerar du det arbete som krävs för att implementera den stilen på alla ställen som stilen behövs. Till exempel kommer en stil som definieras med taggen att strömma ner i taggen som är ett barn av taggen. Om du definierade stilen på nivån skulle du behöva definiera den för varje som kräver stilen. Genom att definiera den på nivån använder du en genväg i form av en kaskad stil.

Användningen av en kaskad arkitektur innebär att du definierar stilar som påverkar sidan som helhet på en högre nivå än de specifika stilar som används för att definiera vissa element.

Om din sida till exempel huvudsakligen bygger på ett enda teckensnitt, ska du definiera det tecknet på taggen. Trots att dokumentobjektmodellen (DOM) -hierarkin börjar med dokumentet, rör sig mot roten (taggen) och splittrar endast in i taggarna och taggen är det första visningsbara elementet.

Arv kommer också i en annan form. Du kan definiera stilar på tre olika ställen. Platsen för den definitionen ändrar prioriteten för den stilen. Här är de tre stilerna och prioriteringarna:

Inline (högsta prioritet):

  • En inline-stil visas specifikt för ett visst objekt. Det ändrar bara det objektet och inget annat objekt i dokumentet eller i något annat dokument. Att lokalisera och ändra en inline-stil är tidskrävande och felaktig, så du bör undvika dem när det är möjligt.

    Intern:
  • En intern stil visas som en del av taggen i dokumentet. Det påverkar alla objekt i dokumentet, men inget annat dokument på webbplatsen. Användning av interna format kan hjälpa dig att skapa speciell pizzazz på en viss sida, men du bör bara använda en intern stil när stilen är unik för den sidan, och du tänker aldrig använda den stilen någon annanstans. Med tanke på att du normalt inte kan göra en sådan garanti är det bäst att undvika interna stilar när det är möjligt, men likväl är de bättre för inline-stilar.

    Extern (lägsta prioritet):

  • En extern stil visas i en extern. CSS-fil. Du måste skapa en referens till den här filen med hjälp av en tagg i ett dokument. Stilarna påverkar varje dokument som är kopplat till. CSS-fil. Genom att använda detta tillvägagångssätt gör uppdateringarna enklare och ger din webbplats ett enhetligt utseende övergripande.Dessutom, med hjälp av externa stilar gör det enkelt för personer med speciella behov att leverera ett alternativt stilark som bättre uppfyller deras behov.

    Du kan associera så många externa stilark som behövs med en sida med flera taggar. Med detta tillvägagångssätt kan du använda stilar från olika källor så att du kan formatera din sida med minsta möjliga ansträngning.

    Externa stilarkar bearbetas i den ordning de visas i. Om två. CSS-filer innehåller samma stilnamn som ändrar samma egenskaper, den stil som behandlas sist är den stil som har företräde.

    Den slutliga nivån av arvet att överväga är selektorn själv. Du kan skapa selektorer som bara fungerar på objekt som finns i andra objekt eller som uppfyller speciella kriterier. En specifik väljare kommer alltid att åsidosätta inställningarna som tillhandahålls av en generisk väljare, så du bör bara använda den här tekniken vid behov (tänk på att du försöker hitta alla specifika ändringar i alla filer på din webbplats).

Ju mer specifika väljaren desto större blir prioriteten. Du måste dock överväga effekterna av väljarens nivå inom dokumentet - och hur stilen definieras - som en del av den övergripande bilden.