Utseendet og stilen eller stilen til et nettsted er diktert av CSS (Cascading Style Sheets). Dette er en fil du vil legge til i nettstedets katalog som inneholder de forskjellige CSS-reglene som lager visuell design og layout på sidene dine.
Mens nettsteder kan bruke, og ofte gjør, bruk flere stilark, er det ikke nødvendig å gjøre det. Du kan plassere alle dine CSS-regler i en fil, og det er faktisk fordeler med å gjøre det, inkludert raskere belastningstid og ytelse av sider siden de ikke trenger å hente flere filer. Selv om det er svært store, kan virksomhetsnettsteder trenge separate stilark til tider, mange små og mellomstore nettsteder kan gjøre helt greit med bare en fil med alle reglene dine sider trenger. Dette ber om spørsmålet "Hva skal jeg nevne denne CSS-filen"? "
Oppgi konvensjonens grunnleggende
Når du lager et eksternt stilark for websidene dine, bør du navngi filen etter tilsvarende navngivningskonvensjoner for HTML-filene dine.
Ikke bruk spesielle tegn
Du bør bare bruke bokstavene a-z, tall 0-9, understrek (_) og bindestreker (-) i CSS-filnavnene dine. Mens filsystemet ditt kan tillate deg å lage filer med andre tegn i dem, kan server-operativsystemet ha problemer med spesialtegn. Du er tryggere med bare de tegnene som er nevnt her. Tross alt, selv om serveren din tillater spesialtegn, kan det ikke være tilfelle hvis du bestemmer deg for å flytte til vertsleverandører i fremtiden.
Ikke bruk noen områder
På samme måte som med spesialtegn kan mellomrom forårsake problemer på webserveren din. Det er en god ide å unngå dem i filnavnene dine - du bør også gjøre det til et poeng å navngi filer som PDF-filer ved hjelp av disse konvensjonene, bare hvis du noen gang trenger å legge dem til et nettsted. Hvis du føler deg sterkt at du trenger et mellomrom for å gjøre filnavnet enklere å lese, velger du bindestreker eller understreker i stedet. For eksempel, i stedet for å bruke "dette er filen.pdf" bruk "this-is-the-file.pdf".
Filnavnet skal starte med et brev
Selv om dette ikke er et absolutt krav, har noen systemer problemer med filnavn som ikke starter med et brev. Hvis du for eksempel velger å starte filen med et talltegn, kan dette forårsake problemer nedover linjen.
Bruk alle nederste sak
Selv om dette ikke kreves for et filnavn, er det en god ide, da enkelte webservere er saksfølsomme, og hvis du glemmer og refererer til filen i et annet tilfelle, blir det ikke lastet. Bruk av små bokstaver for hvert filnavn er alltid en smart måte å gå på. Faktisk, mange nye webdesignere sliter med å huske å gjøre dette - deres standardhandling når du navngir en fil, er å kapitalisere navnet på den første karakteren. Unngå dette og bli vant med små bokstaver.
Hold filnavnet så kort som mulig
Selv om det er en grense for filnavnstørrelse på de fleste operativsystemer, er det mye lengre enn det er rimelig for et CSS-filnavn. En god tommelfingerregel er ikke mer enn 20 tegn for filnavnet, ikke inkludert utvidelsen. Realistisk er alt mye lenger enn det ubøyelig å jobbe med og knytte til i alle fall.
Den viktigste delen av CSS filnavnet
Den viktigste delen av CSS-filnavnet er ikke selve filnavnet, men utvidelsen. Utvidelser er ikke påkrevd på Macintosh- og Linux-systemer, men det er en god ide å inkludere en uansett når du skriver en CSS-fil. På den måten vil du alltid vite at det er et stilark og ikke må åpne filen for å finne ut hva det er i fremtiden.
Det er sannsynligvis ikke en stor overraskelse, men utvidelsen på CSS-filen din bør være:
Css
CSS File Naming Conventions
Hvis du bare vil ha en CSS-fil på nettstedet, kan du nevne det du vil. Ett av følgende er å foretrekke:
styles.css eller default.css
Hvis nettstedet ditt skal bruke flere CSS-filer, navngi stilarkene etter deres funksjon, så det er klart nøyaktig hva formålet med hver fil er. Siden en nettside kan ha flere stilark knyttet til dem, bidrar det til å dele stilene dine i forskjellige ark, avhengig av funksjonen til arket og stilene i det. For eksempel:
- Layout vs design
layout.css design.css
- Side seksjoner
main.css nav.css
- Hele området med underavdelinger
mainstyles.css subpage.css
Hvis nettstedet ditt bruker et rammeverk av noe slag, vil du sannsynligvis merke at det bruker flere CSS-filer, hver dedikert til forskjellige deler av sidene eller sidene på nettstedet (typografi, farge, layout, etc.).
Redigert av Jeremy Girard
