Hva skal jeg gi navnet på CSS Style Sheet File?

click fraud protection

Utseendet og følelsen, 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 skaper den visuelle utformingen og utformingen av sidene dine.

Selv om nettsteder kan bruke, og ofte bruker, flere stilark, er det ikke nødvendig å gjøre det. Du kan plassere alle CSS-reglene dine i en fil, og det er faktisk fordeler med å gjøre det, inkludert raskere lastetid og ytelse på sider siden de ikke trenger å hente flere filer. Selv om det er veldig store bedriftsnettsteder, trenger det til tider separate stilark, men mange små og mellomstore nettsteder kan gjøre det bra med bare en fil med alle reglene sidene dine trenger. Dette stiller spørsmålet "Hva skal jeg gi navnet til denne CSS-filen"? "

Navngi grunnleggende om konvensjoner

Når du oppretter en eksternt stilark for websidene dine, bør du gi filen navn etter lignende navnekonvensjoner for HTML-filene dine.

Ikke bruk spesialtegn

instagram viewer

Du bør bare bruke bokstavene a-z, tall 0-9, understreking (_) og bindestreker (-) i CSS-filnavnene dine. Mens filsystemet ditt kan tillate deg å lage filer med andre tegn i, kan serverens operativsystem ha problemer med spesialtegn. Du er tryggere ved å bruke bare 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 forskjellige vertsleverandører i fremtiden.

Ikke bruk noen mellomrom

Akkurat som med spesialtegn, kan mellomrom føre til problemer på webserveren din. Det er en god ide å unngå dem i filnavnene dine; Du bør til og med gjøre det til et poeng å navngi filer som PDF-filer ved hjelp av de samme konvensjonene, bare i tilfelle du noen gang trenger å legge dem til et nettsted. Hvis du føler sterkt at du trenger et mellomrom for å gjøre filnavnet lettere å lese, velger du bindestreker eller understrekninger i stedet. For eksempel, i stedet for å bruke "dette er filen.pdf" bruk "dette-er-filen.pdf".

Filnavnet skal begynne med et brev

Selv om dette ikke er et absolutt krav, har noen systemer problemer med filnavn som ikke starter med en bokstav. Hvis du for eksempel velger å starte filen med et talltegn, kan dette føre til problemer nedover linjen.

Bruk små bokstaver

Selv om dette ikke kreves for et filnavn, er det en god ide, siden enkelte webservere er mellom store og små bokstaver, og hvis du glemmer og refererer til filen i et annet tilfelle, vil den ikke lastes inn. Å bruke små bokstaver for hvert filnavn er alltid en smart vei å gå. Faktisk sliter mange nye webdesignere med å huske å gjøre dette, deres standardhandling når du navngir en fil, er å bruke det første tegnet i navnet. Unngå dette og bruk bare vanlige tegn.

Hold filnavnet så kort som mulig

Mens det er en grense for filnavnstørrelse på de fleste operativsystemer, det er mye lenger enn det er rimelig for et CSS-filnavn. En god tommelfingerregel er ikke mer enn 20 tegn for filnavnet, inkludert utvidelsen. Realistisk, noe som er mye lenger enn det er uhåndterlig å jobbe med og lenke til uansett.

Den viktigste delen av CSS-filnavnet ditt

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 lurt å ta med en uansett når du skriver en CSS-fil. På den måten vil du alltid vite at det er et stilark og ikke trenger å åpne filen for å avgjøre hva den er i fremtiden.

Det er sannsynligvis ikke en stor overraskelse, men utvidelsen på CSS-filen din bør være:

.css

CSS-filnavnkonvensjoner

Hvis du bare noen gang vil ha en CSS-fil på nettstedet, kan du gi den navnet hva du vil. Et av følgende er å foretrekke:

style.css
standard.css
default.css

Hvis nettstedet ditt vil bruke flere CSS-filer, kan du navngi stilarkene etter funksjonen, slik at det er klart nøyaktig hva formålet med hver fil er. Siden en webside kan ha flere stilark tilknyttet, hjelper det å dele stilene dine i forskjellige ark, avhengig av funksjonen til det arket og stilene i det. For eksempel:

  • Oppsett vs. design
    layout.css design.css
  • Sideseksjoner
    main.css nav.css
  • Hele nettstedet med underseksjoner
    mainstyles.css underside.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 aspektene av nettstedet (typografi, farge, layout, etc.).

instagram story viewer