Utseendet och känslan eller stilen på en webbplats dikteras av CSS (Cascading Style Sheets). Det här är en fil som du lägger till i din webbplats katalog som innehåller de olika CSS-reglerna som skapar den visuella designen och layouten på dina sidor.
Medan webbplatser kan använda och ofta använder flera stilark är det inte nödvändigt att göra det. Du kan placera alla dina CSS-regler i en fil, och det finns faktiskt fördelar med att göra det, inklusive snabbare laddningstid och prestanda på sidor eftersom de inte behöver hämta flera filer. Medan mycket stora företagswebbplatser ibland kan behöva separata formatmallar, kan många små till medelstora webbplatser klara sig perfekt med bara en fil med alla regler som dina sidor behöver. Detta väcker frågan "Vad ska jag namnge den här CSS-filen"? "
Namngivning av konventionens grunder
När du skapar en externt stilark för dina webbsidor, bör du namnge filen enligt liknande namngivningskonventioner för dina HTML-filer.
Använd inte specialtecken
Du bör endast använda bokstäverna a-z, siffror 0-9, understrykning (_) och bindestreck (-) i dina CSS-filnamn. Medan ditt filsystem kan tillåta dig att skapa filer med andra tecken i dem, kan serverns operativsystem ha problem med specialtecken. Du är säkrare med endast de karaktärer som nämns här. Trots allt, även om din server tillåter specialtecken, kanske det inte är fallet om du väljer att flytta till olika värdleverantörer i framtiden.
Använd inga utrymmen
Precis som med specialtecken kan mellanslag orsaka problem på din webbserver. Det är en bra idé att undvika dem i dina filnamn; du bör till och med göra det en poäng att namnge filer som PDF-filer med samma konventioner, bara om du någonsin behöver lägga till dem på en webbplats. Om du känner starkt att du behöver ett utrymme för att göra filnamnet lättare att läsa, välj istället bindestreck eller understrykningar. Till exempel, istället för att använda "detta är filen.pdf" använd "detta-är-filen.pdf".
Filnamnet bör börja med ett brev
Även om detta inte är ett absolut krav, har vissa system problem med filnamn som inte börjar med en bokstav. Om du till exempel väljer att börja filen med ett siffertecken kan detta orsaka problem längre fram.
Använd alla gemener
Även om detta inte krävs för ett filnamn är det en bra idé, eftersom vissa webbservrar är skiftlägeskänsliga, och om du glömmer och refererar till filen i ett annat fall laddas den inte. Att använda små bokstäver för varje filnamn är alltid ett smart sätt att gå. Faktum är att många nya webbdesigners kämpar för att komma ihåg att göra detta, deras standardåtgärd vid namnge en fil är att använda det första tecknet i namnet. Undvik detta och bör bara vana med små bokstäver.
Håll filnamnet så kort som möjligt
Även om det finns en gräns för filnamnstorlek på de flesta operativsystem, det är mycket längre än vad som är rimligt för ett CSS-filnamn. En bra tumregel är högst 20 tecken för filnamnet, inklusive tillägget. Realistiskt sett är allt som är mycket längre än det svårt att arbeta med och länka till ändå.
Den viktigaste delen av ditt CSS-filnamn
Den viktigaste delen av CSS-filnamnet är inte själva filnamnet utan tillägget. Tillägg krävs inte på Macintosh och Linux-system, men det är en bra idé att inkludera en ändå när du skriver en CSS-fil. På så sätt vet du alltid att det är ett formatmall och inte behöver öppna filen för att avgöra vad det är i framtiden.
Det är nog inte en stor överraskning, men tillägget på din CSS-fil borde vara:
.css
CSS-filnamnskonventioner
Om du bara någonsin kommer att ha en CSS-fil på webbplatsen kan du namnge den vad du vill. Ett av följande är att föredra:
style.css
standard.css
default.css
Om din webbplats kommer att använda flera CSS-filer, namnge formatmallen efter deras funktion så att det är klart exakt vad syftet med varje fil är. Eftersom en webbsida kan ha flera stilark bifogade, hjälper det att dela dina stilar i olika ark beroende på funktionen på det arket och stilarna i det. Till exempel:
-
Layout vs. design
layout.css design.css
-
Sidavsnitt
main.css nav.css
-
Hela webbplatsen med underavsnitt
mainstyles.css undersida.css
Om din webbplats använder ett ramverk av något slag kommer du sannolikt att märka att den använder flera CSS-filer, var och en dedikerad till olika delar av sidorna eller sidans aspekter (typografi, färg, layout, etc.).