Aspectul sau „stilul” unui site web este dictat de CSS (foi de stil în cascadă). Acesta este un fișier pe care îl veți adăuga în directorul site-ului dvs. web, care va conține diferitele reguli CSS care creează designul vizual și aspectul paginilor dvs.
În timp ce site-urile pot utiliza, și adesea fac, mai multe foi de stil, nu este necesar să se facă acest lucru. Puteți plasa toate regulile dvs. CSS într-un singur fișier și există de fapt avantaje dacă faceți acest lucru, inclusiv mai rapid timpul de încărcare și performanța paginilor, deoarece acestea nu trebuie să aducă mai multe fișiere. Deși foarte mari, site-urile de întreprindere pot avea nevoie uneori de foi de stil separate, multe site-uri mici și mijlocii pot merge perfect cu un singur fișier cu toate regulile de care au nevoie paginile dvs. Aceasta pune întrebarea „Ce ar trebui să denumesc acest fișier CSS”?
Bazele convenției de numire
Când creați un foaie de stil externă pentru paginile dvs. web, ar trebui să denumiți fișierul urmând convenții de denumire similare pentru fișierele dvs. HTML.
Nu utilizați caractere speciale
Ar trebui să utilizați numai literele a-z, numerele 0-9, subliniere (_) și cratime (-) în numele fișierelor CSS. În timp ce sistemul de fișiere vă poate permite să creați fișiere cu alte caractere în ele, sistemul de operare al serverului dvs. poate avea probleme cu caractere speciale. Sunteți mai în siguranță folosind doar caracterele menționate aici. La urma urmei, chiar dacă serverul dvs. permite caractere speciale, este posibil să nu fie cazul dacă decideți să vă mutați la diferiți furnizori de gazdă în viitor.
Nu utilizați spații
La fel ca în cazul caracterelor speciale, spațiile pot provoca probleme pe serverul dvs. web. Este o idee bună să le evitați în numele fișierelor; ar trebui chiar să faceți un punct să numiți fișiere precum PDF-urile folosind aceleași convenții, doar în cazul în care va trebui vreodată să le adăugați pe un site web. Dacă credeți că aveți nevoie de un spațiu pentru a face mai ușor de citit numele fișierului, optați pentru cratime sau linii de subliniere. De exemplu, în loc să folosiți „acesta este fișierul.pdf” utilizați „acesta este fișierul.pdf”.
Numele fișierului ar trebui să înceapă cu o scrisoare
Deși aceasta nu este o cerință absolută, unele sisteme au probleme cu numele de fișiere care nu încep cu o literă. De exemplu, dacă alegeți să începeți fișierul cu un caracter numeric, acest lucru poate provoca probleme în linie.
Folosiți toate literele mici
Deși acest lucru nu este necesar pentru un nume de fișier, este o idee bună, deoarece unele servere web sunt sensibile la majuscule și minuscule, iar dacă uitați și faceți referire la fișier într-un caz diferit, acesta nu se va încărca. Utilizarea caracterelor minuscule pentru fiecare nume de fișier este întotdeauna o modalitate inteligentă de urmat. De fapt, mulți designeri web noi se luptă să-și amintească să facă acest lucru, acțiunea lor implicită atunci când numește un fișier este de a majuscula primul caracter al numelui. Evitați acest lucru și obișnuiți-vă doar cu caractere mici.
Păstrați numele fișierului cât mai scurt posibil
Deși există o limită a dimensiunii numelui de fișier pentru majoritatea sisteme de operare, este mult mai lung decât este rezonabil pentru un nume de fișier CSS. O regulă generală bună nu este mai mare de 20 de caractere pentru numele fișierului, fără a include extensia. În mod real, orice lucru mult mai lung decât acesta este greu de lucrat și oricum legat de acesta.
Cea mai importantă parte a numelui dvs. de fișier CSS
Cea mai importantă parte a numelui fișierului CSS nu este numele fișierului în sine, ci extensia. Nu sunt necesare extensii pe Macintosh și Sisteme Linux, dar este o idee bună să o includeți oricum atunci când scrieți un fișier CSS. În acest fel veți ști întotdeauna că este o foaie de stil și nu va trebui să deschideți fișierul pentru a determina ce este în viitor.
Probabil că nu este o mare surpriză, dar extensia fișierului dvs. CSS ar trebui să fie:
.css
Convenții de denumire a fișierelor CSS
Dacă veți avea vreodată un singur fișier CSS pe site, îl puteți numi oricum doriți. Una dintre următoarele este de preferat:
stil.css
standard.css
implicit.css
Dacă site-ul dvs. web va utiliza mai multe fișiere CSS, denumiți foile de stil după funcția lor, astfel încât să fie clar care este scopul fiecărui fișier. Deoarece o pagină web poate avea atașate mai multe foi de stil, vă ajută să vă împărțiți stilurile în foi diferite, în funcție de funcția acelei foi și de stilurile din ea. De exemplu:
-
Aspect vs. proiecta
layout.css design.css
-
Secțiuni de pagină
main.css nav.css
-
Site întreg cu subsecțiuni
mainstyles.css subpage.css
Dacă site-ul dvs. web folosește un cadru de un fel, veți observa probabil că folosește mai multe fișiere CSS, fiecare dedicat diferitelor porțiuni ale paginilor sau aspectelor site-ului (tipografie, culoare, aspect, etc.).