Aspectul și simțul sau "stilul" unui site web sunt dictate de CSS (Cascading Style Sheets). 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 folosi și adesea pot folosi mai multe coli de stil, nu este necesar să faceți acest lucru. Puteți să vă plasați toate regulile CSS într-un singur fișier și, de fapt, există beneficii în acest sens, inclusiv timpul de încărcare mai rapid și performanța paginilor, deoarece nu este nevoie să preluați mai multe fișiere. În timp ce site-urile de întreprinderi foarte mari pot avea nevoie uneori de foi de stil separate, multe site-uri mici sau mijlocii se pot descurca perfect cu un singur fișier cu toate regulile pe care le au paginile dvs. Aceasta pune întrebarea "Ce ar trebui să denumesc acest fișier CSS"? "
Denumirea bazei convenției
Când creați o foaie de stil externă pentru paginile dvs. Web, trebuie să denumiți fișierul după convenții similare de denumire pentru fișierele HTML.
Nu folosiți caractere speciale
Ar trebui să utilizați numai literele a-z, numerele 0-9, underscore (_) și cratime (-) în numele fișierelor CSS. În timp ce sistemul dvs. de fișiere vă poate permite să creați fișiere cu alte caractere în ele, sistemul de operare server ar putea avea probleme cu caractere speciale. Ești mai sigur folosind doar caracterele menționate aici. La urma urmei, chiar dacă serverul dvs. vă permite să introduceți caractere speciale, este posibil ca acest lucru să nu se întâmple dacă vă decideți să vă mutați în viitor pe furnizorii gazdă.
Nu utilizați niciun spațiu
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 dvs. - ar trebui chiar să faceți un punct pentru a numi fișiere ca PDF-uri utilizând aceleași convenții, doar în cazul în care vreodată trebuie să le adăugați la un site Web. Dacă simțiți cu tărie că aveți nevoie de un spațiu pentru a face numele fișierului mai ușor de citit, optați pentru cratime sau subliniere. De exemplu, în loc să utilizați "acesta este fișierul.pdf", utilizați "this-is-the-file.pdf".
Numele fișierului trebuie 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 cauza probleme de pe linie.
Utilizați toate carcasele inferioare
Deși acest lucru nu este necesar pentru un nume de fișier, este o idee bună, deoarece unele servere web sunt sensibile la minuscule și dacă uitați și trimiteți fișierul într-un alt caz, acesta nu se va încărca. Folosirea caracterelor mici pentru fiecare nume de fișier este întotdeauna o modalitate inteligentă de a merge. De fapt, mulți dintre noii designeri web se luptă să-și amintească să facă acest lucru - acțiunea lor implicită atunci când denumiți un fișier este de a majora primul caracter al numelui. Evitați acest lucru și obțineți obiceiul numai de caractere minuscule.
Mențineți numele fișierului cât mai scurt posibil
Deși există o limită a mărimii numelui de fișier în majoritatea sistemelor de operare, este mult mai mult decât este rezonabil pentru un nume de fișier CSS. O regulă bună a degetului mare nu depășește 20 de caractere pentru numele fișierului care nu include extensia. Realist, orice lucru mult mai lung decât este dificil de a lucra și de a face legătura oricum.
Cea mai importantă parte din numele fișierului dvs. CSS
Cea mai importantă parte a numelui fișierului CSS nu este numele fișierului în sine, ci extensia. Extensiile nu sunt necesare pe sistemele Macintosh și Linux, dar este o idee bună să includeți una 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 trebuie 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
Conexiuni de numire fisiere CSS
Dacă veți avea vreodată un singur fișier CSS pe site, îl puteți numi oricând doriți. Se preferă una dintre următoarele:
stiles.css sau default.css
Dacă site-ul dvs. web va utiliza mai multe fișiere CSS, numiți foile de stil după funcția lor, astfel încât să fie clar ce anume are scopul fiecărui fișier. Deoarece o pagină web poate fi atașată de mai multe foi de stil, aceasta vă ajută să vă împărțiți stilurile în foi diferite, în funcție de funcția foii respective și de stilurile din interiorul acesteia. De exemplu:
- Aspect versus design
layout.css design.css
- Secțiuni de pagină
main.css nav.css
- Întregul site cu sub-secțiuni
mainstyles.css subpage.css
Dacă site-ul dvs. utilizează un anumit cadru, este posibil să observați că acesta folosește mai multe fișiere CSS, fiecare dedicată unor porțiuni diferite ale paginilor sau aspectelor site-ului (tipografie, culoare, aspect etc.).
Editat de Jeremy Girard