Udseendet og stilen eller stilen på et websted dikteres af CSS (Cascading Style Sheets). Dette er en fil, du vil tilføje til dit websteds mappe, som indeholder de forskellige CSS-regler, der skaber visuelle design og layout på dine sider.
Mens websteder kan bruge og ofte gøre brug af flere stilark, er det ikke nødvendigt at gøre det. Du kan placere alle dine CSS-regler i en fil, og der er faktisk fordele ved at gøre det, herunder hurtigere læsetid og ydeevne for sider, da de ikke behøver at hente flere filer. Selvom meget store virksomheder kan have brug for adskilte stilark til tider, kan mange små og mellemstore websteder gøre helt fint med kun en fil med alle de regler, dine sider har brug for. Dette beder spørgsmålet "Hvad skal jeg nævne denne CSS-fil"? "
Navngivningskonventionens grundlæggende
Når du opretter et eksternt stilark til dine websider, skal du navngive filen efter lignende navngivningskonventioner for dine HTML-filer.
Brug ikke særlige tegn
Du skal kun bruge bogstaverne a-z, tallene 0-9, understregning (_) og bindestreger (-) i dine CSS-filnavne. Mens dit filsystem kan tillade dig at oprette filer med andre tegn i dem, kan dit server-OS have problemer med specialtegn. Du er sikrere ved kun at bruge de her nævnte tegn. Selvom din server tillader specialtegn, kan det jo ikke være tilfældet, hvis du beslutter dig for at flytte til værtudbydere i fremtiden.
Brug ikke nogen mellemrum
Ligesom med specialtegn kan mellemrum forårsage problemer på din webserver. Det er en god idé at undgå dem i dine filnavne - du bør endda gøre det til en pointe at navngive filer som PDF-filer ved hjælp af disse samme konventioner, bare hvis du nogensinde har brug for at tilføje dem til et websted. Hvis du føler stærkt, at du har brug for et mellemrum for at gøre filnavnet lettere at læse, skal du vælge bindestreger eller understreger i stedet. For eksempel, i stedet for at bruge "dette er filen.pdf" brug "this-is-the-file.pdf".
Filnavnet skal starte med et brev
Selv om dette ikke er et absolut krav, har nogle systemer problemer med filnavne, der ikke starter med et brev. Hvis du for eksempel vælger at starte din fil med et nummertegn, kan dette forårsage problemer ned ad linjen.
Brug alt nederste tilfælde
Selv om dette ikke er nødvendigt for et filnavn, er det en god idé, da nogle webservere er sagerfølsomme, og hvis du glemmer og refererer filen i et andet tilfælde, vil den ikke blive indlæst. Brug af små bogstaver til hvert filnavn er altid en smart måde at gå på. Faktisk kæmper mange nye webdesignere for at huske at gøre dette - deres standard handling, når navngivning af en fil er at kapitalisere navnets første tegn. Undgå dette og få for vane med små bogstaver alene.
Hold filen så kort som muligt
Selv om der er en grænse for filnavnstørrelse på de fleste operativsystemer, er det meget længere end det er rimeligt for et CSS-filnavn. En god tommelfingerregel er ikke mere end 20 tegn for filnavnet, ikke inklusive udvidelsen. Realistisk er alt meget længere end det uhåndterligt at arbejde med og link til alligevel.
Den vigtigste del af dit CSS filnavn
Den vigtigste del af CSS-filnavnet er ikke selve filnavnet, men udvidelsen. Udvidelser er ikke påkrævet på Macintosh- og Linux-systemer, men det er en god ide at medtage en alligevel, når du skriver en CSS-fil. På den måde vil du altid vide, at det er et stilark og ikke skal åbne filen for at bestemme, hvad det er i fremtiden.
Det er nok ikke en stor overraskelse, men udvidelsen på din CSS-fil skal være:
.css
CSS fil navngivningskonventioner
Hvis du kun vil have en CSS-fil på webstedet, kan du nævne det, uanset hvad du vil. Et af følgende er at foretrække:
styles.css eller default.css
Hvis dit websted vil bruge flere CSS-filer, navngiv stilarkene efter deres funktion, så det er klart, hvad formålet med hver fil er. Da en webside kan have flere stilark knyttet til dem, hjælper det med at opdele dine stilarter i forskellige ark afhængigt af funktionen af arket og stilarterne i det. For eksempel:
- Layout vs design
layout.css design.css
- Sideafsnit
main.css nav.css
- Hele sitet med underafsnit
mainstyles.css subpage.css
Hvis din hjemmeside bruger en ramme af en slags, vil du sandsynligvis mærke, at den bruger flere CSS-filer, der hver især er dedikeret til forskellige dele af siderne eller siderne på siden (typografi, farve, layout osv.).
Redigeret af Jeremy Girard
