Et websteds udseende og følelse eller "stil" er dikteret af CSS (Cascading Style Sheets). Dette er en fil, du vil føje til dit websteds bibliotek, som indeholder de forskellige CSS-regler, der skaber det visuelle design og layout af dine sider.
Mens websteder kan bruge og ofte bruger 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 belastningstid og ydeevne på sider, da de ikke behøver at hente flere filer. Mens meget store virksomhedswebsteder undertiden har brug for separate stilark, kan mange små til mellemstore websteder klare sig fint med kun en fil med alle de regler, dine sider har brug for. Dette rejser spørgsmålet "Hvad skal jeg navngive denne CSS-fil"? "
Navngivning af grundlæggende konventioner
Når du opretter en eksternt stilark for dine websider skal du navngive filen efter lignende navngivningskonventioner for dine HTML-filer.
Brug ikke specialtegn
Du bør kun bruge bogstaverne a-z, tal 0-9, understregning (_) og bindestreger (-) i dine CSS-filnavne. Mens dit filsystem muligvis tillader dig at oprette filer med andre tegn i dem, kan dit server OS muligvis have problemer med specialtegn. Du er sikrere ved kun at bruge de tegn, der er nævnt her. Når alt kommer til alt, selvom din server tillader specialtegn, er det muligvis ikke tilfældet, hvis du beslutter at flytte til forskellige værtsudbydere i fremtiden.
Brug ikke pladser
Ligesom med specialtegn kan mellemrum skabe problemer på din webserver. Det er en god ide at undgå dem i dine filnavne; du skal endda gøre det til et punkt at navngive filer som PDF-filer ved hjælp af de samme konventioner, bare hvis du nogensinde har brug for at fø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 understregninger i stedet. For eksempel i stedet for at bruge "dette er filen.pdf" skal du bruge "dette-er-filen.pdf".
Filnavnet skal starte med et brev
Selvom dette ikke er et absolut krav, har nogle systemer problemer med filnavne, der ikke starter med et bogstav. For eksempel, hvis du vælger at starte din fil med et taltegn, kan dette forårsage problemer nede på linjen.
Brug alle små bogstaver
Selvom dette ikke er nødvendigt for et filnavn, er det en god ide, da nogle webservere er store og små bogstaver, og hvis du glemmer og henviser til filen i en anden sag, indlæses den ikke. Brug af små bogstaver til hvert filnavn er altid en smart vej at gå. Faktisk kæmper mange nye webdesignere med at huske at gøre dette, deres standardhandling, når de navngiver en fil, er at bruge det første tegn i navnet. Undgå dette, og bliv kun vant med små bogstaver.
Hold filnavnet så kort som muligt
Mens der er en grænse for filnavnstørrelse på de fleste operativsystemer, det er meget længere end det er rimeligt for et CSS-filnavn. En god tommelfingerregel er ikke mere end 20 tegn for filnavnet, inklusive udvidelsen. Realistisk set er noget meget længere end det uhåndterligt at arbejde med og alligevel linke til.
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 behøver at åbne filen for at bestemme, hvad den er i fremtiden.
Det er sandsynligvis ikke en stor overraskelse, men udvidelsen på din CSS-fil skal være:
.css
CSS-filnavngivelseskonventioner
Hvis du kun nogensinde vil have en CSS-fil på webstedet, kan du navngive den, hvad du vil. Et af følgende foretrækkes:
style.css
standard.css
default.css
Hvis dit websted bruger flere CSS-filer, skal du navngive typografiarkene efter deres funktion, så det er præcist, hvad formålet med hver fil er. Da en webside kan have flere stilark knyttet til sig, hjælper det med at opdele dine typografier i forskellige ark afhængigt af arkets funktion og typografierne i det. For eksempel:
-
Layout vs. design
layout.css design.css
-
Sideafsnit
main.css nav.css
-
Hele webstedet med underafsnit
mainstyle.css underside.css
Hvis dit websted bruger en ramme af en slags, vil du sandsynligvis bemærke, at det bruger flere CSS-filer, hver dedikeret til forskellige dele af siderne eller aspekter af webstedet (typografi, farve, layout, etc.).