CSS (foi de stil cascadă) este o limbă pe care toți dezvoltatorii o folosesc într-o oarecare măsură pentru a-și realiza proiectele, pentru a le face frumoși și convenabili pentru vizitatori care văd roadele muncii lor pe ecranul monitorului lor.
Dar ce este ascuns în spatele scenei? Este atat de frumos si placut pentru ochii codului pe care il scriem, este totul clar in el si este posibil sa il intelegi cu usurinta unei persoane care brusc vrea sa faca unele schimbari in ea? Din păcate, mulți nu pun nici măcar astfel de întrebări.
Acum hai să ajungem la subiect.
7 sfaturi eficiente pentru scrierea și citirea cu ușurință a codului CSS.
Sfat 1. Alegeți cum va arăta codul dvs. și urmați întotdeauna această opțiune.
Cei care scriu CSS, sub forma scrisului de cod în cele mai multe dintre ele sunt împărțite în două grupuri:
- Primul grup este cel care scrie întregul cod al selectorului într-o singură linie.
Un astfel de cod este mai optimizat, cântărește mai puțin și, de asemenea, ia mai puține linii, ceea ce face foarte convenabil navigarea în fișierul de stil (nu trebuie să defilați pe o canava imensă pentru a găsi elementul de cod dorit). Dar pentru a găsi rapid proprietățile dorite în această versiune, mai întâi trebuie să înveți să navighezi în ea.
Un astfel de cod este mai puțin optimizat, fișierul care conține acest tip de cod cântărește mai mult în comparație cu prima versiune, dar este mai evident că nu este greu să găsești aici proprietatea dorită. Și, în același timp, nu este atât de convenabil în ceea ce privește navigarea întregului fișier stil (este nevoie de mult timp să vă relaxați pentru a găsi linia corectă).
Ambele grupuri au dreptate în felul lor. Doar amintiți-vă că trebuie să alegeți metoda pe care o doriți și vă va fi convenabilă. Acesta este cel mai important lucru.
Sfat 2. Persistență în numele elementelor.
Dezvoltați obiceiul de a apela aceleași elemente în fișiere de stil diferite cu aceleași nume. Acest lucru vă va ajuta să nu confundați codul și să creați o anumită ordine în cap.
Acum voi explica exact ce vreau să spun.
De exemplu, de fiecare dată când lucrez cu fișiere de stiluri pentru diferite proiecte, pentru blocuri cu funcții specifice, dau nume în funcție de scopul lor (dacă este bara laterală din stânga, atunci o numesc bara laterală-stânga. Dacă acesta este numele blocului cu logo-ul logo-ului etc.)
Și păstrez aceeași "terminologie" pentru munca mea viitoare, astfel încât să nu reinventez roata de fiecare dată.
Sfat 3. Organizați-vă codul în conformitate cu principiul "de sus în jos".
Este foarte convenabil atunci când codul este organizat "de sus în jos", adică de la capac până la subsol. Opțiunea cea mai convenabilă pentru mine personal:
- Clasele generale (corp, a, p, h1, ul, li, etc.)
- Blocurile principale ale site-ului (structura)
- Limita site-ului
- meniu
- conținut
- Bara laterală și Widgeturi
- subsol
Astfel, atât din punct de vedere vizual cât și logic, veți fi mai confortabil în navigarea în fișierul de stil decât în aranjamentul haotic al elementelor.
Sfat 4. Combinați elementele cu aceleași proprietăți.
Adesea, unele elemente dintr-o foaie de stil au un număr de proprietăți identice. În loc să scrieți același cod de mai multe ori, de ce să nu le combinați și să le prescrieți proprietăți comune?
De exemplu, pentru elementele care au aceeași culoare și font de text:
Mai târziu, puteți adăuga proprietăți specifice fiecăruia, după ce le-ați scris separat.
Sfat 6. Aplicați cunoștințele despre alfabet.
Aranjați proprietățile pentru fiecare element în ordine alfabetică.
Poate că la început va dura ceva timp, dar după aceea vă veți obișnui, veți ști deja ce este în spatele ei și, fără probleme, veți găsi proprietatea dorită dacă aveți nevoie să o editați.
Sfat 7. Fii atent.
Un alt sfat - fiți atenți, încercați să vă asigurați că codul pe care l-ați scris este întotdeauna privit exact și frumos, astfel încât să nu aibă indentări inutile și de neînțeles sau invers, "raiduri" de la un element la altul. Însuși va fi frumos și nu se va rușina să-i arate altora.
Ei bine, am împărtășit câteva idei cu dvs. care mă ajută să scriu personal un cod frumos, ușor de citit și editat.
În cele din urmă, vreau să spun că dacă nu vrei, nu trebuie să aplici tot ce vorbesc în practică.
Acestea sunt doar sfaturi valoroase care mi-au ajutat personal să-mi ordonez dosarele de stil și să-mi organizez gândirea în această privință.
Puteți avea propriul standard de scriere a codului și, atunci când îl creați, veți deveni cu siguranță un maestru sss mai competent, care poate scrie și citi cu ușurință codul.
Doar nu uitați, vă rog, alți webmasteri care ar trebui să se ocupe de ceea ce ați scris și astfel încât să nu vă faceți griji pentru ceea ce ați făcut, asigurați-vă că codul dvs. CSS este ușor de citit și editat.