Video: 6 - Bilder - Webutvikling - Grunnleggende HTML og CSS 2024
Den del av Cascading Style Sheet (CSS3) Cascading Style Sheet) forteller alt. En stil øverst i sidenhierarkiet kaster seg ned i de nedre delene av siden. Ved å definere en stil på riktig nivå i hierarkiet, reduserer du det arbeidet som kreves for å implementere denne stilen på alle stedene som stilen er nødvendig for. For eksempel vil en stil som er definert med taggen, strømme ned i taggen som er et barn av taggen. Hvis du definerte stilen på nivået, må du definere den for hver som krever stilen. Ved å definere det på nivået, bruker du en snarvei i form av en cascading-stil.
Hvis siden din for eksempel stammer hovedsakelig fra en enkelt skrift, bør du definere den skriftstørrelsen på taggen. Selv om dokumentobjektmodellen (DOM) -hierarkiet begynner med dokumentet, beveger seg mot roten (taggen), og bare splittes inn i og taggene, er taggen det første displayable elementet.
Inline (topp prioritet):
-
En inline-stil vises spesifikt med en bestemt gjenstand. Det endrer bare det objektet og ikke noe annet objekt i dokumentet eller i noe annet dokument. Å finne og endre en inline-stil er tidkrevende og feilaktig, så du bør unngå dem når det er mulig.
-
En intern stil vises som en del av taggen i dokumentet. Det påvirker alle objektene i dokumentet, men ikke noe annet dokument på nettstedet. Bruk av interne stiler kan hjelpe deg med å gi spesiell pizzazz til en bestemt side, men du bør bare bruke en intern stil når stilen er unik for den siden, og du har aldri tenkt å bruke den stilen noe annet sted. Gitt at du vanligvis ikke kan gjøre en slik garanti, er det best å unngå interne stiler når det er mulig, men likevel, de er foretrukket for inline-stiler.
Ekstern (laveste prioritet):
-
En ekstern stil vises i en ekstern. CSS-fil. Du må opprette en referanse til denne filen ved å bruke en tag i et dokument. Stilene påvirker hvert dokument som er knyttet til. CSS-fil. Ved hjelp av denne tilnærmingen blir oppdateringer enklere og gir nettstedet ditt et jevnt utseende generelt.I tillegg bruker bruk av eksterne stiler det enkelt for personer med spesielle behov å levere et alternativt stilark som bedre oppfyller deres behov.
Du kan knytte så mange eksterne stilark som nødvendig med en side ved hjelp av flere koder. Denne tilnærmingen lar deg bruke stiler fra ulike kilder, slik at du kan formatere siden din med minst mulig innsats.
Ekstern stilark behandles i den rekkefølgen de vises i. Hvis to. CSS-filer inneholder samme stilnavn som endrer de samme egenskapene, stilen som behandles sist, er den stilen som har forrang.
Det siste nivået av arv som skal vurderes er selgeren selv. Du kan opprette selektorer som bare handler om objekter som finnes i andre objekter, eller som oppfyller spesielle kriterier. En bestemt velger vil alltid overstyre innstillingene fra en generisk väljare, så du bør bare bruke denne teknikken når det er nødvendig (tenk å prøve å finne alle de spesifikke endringene i alle filene på nettstedet ditt).
Jo mer spesifikk velgeren, desto større blir prioriteten. Imidlertid må du vurdere effektene av selectorens nivå i dokumentet - og måten stilen er definert på - som en del av det samlede bildet.