Video: Introduktion til kurset Grundlæggende HTML og CSS 2025
Den del af Cascading Style Sheet (CSS3) Cascading Style Sheet) fortæller det hele. En stil øverst i sidenhierarkiet kaskade ned i de nederste dele af siden. Ved at definere en stil på det rette niveau i hierarkiet, reducerer du det arbejde, der kræves for at implementere denne stil på alle de steder, hvor stilen er nødvendig. For eksempel vil en stil, der er defineret med mærket, strømme ned i mærket, der er et barn af mærket. Hvis du definerede stilen på niveauet, skal du definere den for hver, der kræver stilen. Ved at definere det på niveauet anvender du en genvej i form af en cascading-stil.
Hvis din side f.eks. Hovedsagelig afhænger af en enkelt skrifttype, skal du definere den skrifttype på taggen. Selv om dokumentobjektmodellen (DOM) -hierarkiet begynder med dokumentet, bevæger sig hen mod roten (mærket) og springer kun i og taggerne, er tagget det første displayable element.
Inline (øverste prioritet):
-
En inline-stil vises specifikt for en bestemt genstand. Det ændrer kun det pågældende objekt og intet andet objekt i dokumentet eller i et andet dokument. At lokalisere og ændre en inline-stil er tidskrævende og fejlagtigt, så du bør undgå dem, når det er muligt.
-
En intern stil vises som en del af mærket i dokumentets. Det påvirker alle objekter i dokumentet, men intet andet dokument på webstedet. Brug af interne stilarter kan hjælpe dig med at give speciel pizzazz til en bestemt side, men du bør kun bruge en intern stil, når stilen er unik for den pågældende side, og du vil aldrig bruge den stil andetsteds. I betragtning af at du normalt ikke kan gøre en sådan garanti, er det bedst at undgå interne stilarter, når det er muligt, men alligevel er de mere foretrukne end inline-stilarter.
Ekstern (laveste prioritet):
-
En ekstern stil vises i en ekstern. CSS-fil. Du skal oprette en henvisning til denne fil ved at bruge et tag i et dokument. Stilene påvirker hvert dokument, der er knyttet til. CSS-fil. Brug af denne fremgangsmåde gør opdateringer lettere og giver dit websted et ensartet udseende generelt.Derudover gør det ved hjælp af eksterne stilarter nemt for folk med særlige behov at levere et alternativt stilark, der bedre opfylder deres behov.
Du kan knytte så mange eksterne stilark som nødvendigt med en side ved hjælp af flere tags. Denne fremgangsmåde giver dig mulighed for at bruge stilarter fra forskellige kilder, så du kan formatere din side med den mindste indsats.
Eksterne stilark bliver behandlet i den rækkefølge, de vises i. Hvis to. CSS-filer indeholder samme stilnavn, der ændrer de samme egenskaber. Den stil, der behandles sidst, er den stil, der har forrang.
Det endelige arvelighedsniveau, der skal overvejes, er selektoren selv. Du kan oprette selektorer, der kun virker på objekter indeholdt i andre objekter, eller som opfylder særlige kriterier. En specifik vælger vil altid tilsidesætte indstillingerne fra en generisk vælger, så du bør kun bruge denne teknik, når det er nødvendigt (forestil dig at prøve at finde alle de specifikke ændringer i alle filerne på dit websted).
Jo mere specifikke vælgeren er, jo større bliver dens prioritet. Du skal dog overveje effekterne af vælgerens niveau inden for dokumentet - og den måde, hvorpå stilen er defineret - som en del af det samlede billede.
