7 sfaturi utile pentru scrierea de cod bun, css, css

Scrierea primul cod CSS poate părea foarte neobișnuit, dacă sunteți obișnuiți să lucrați cu foi de calcul, sau nu au folosit stiluri.

Mai jos sunt cele 7 metode diferite pe care le puteți utiliza pentru a scrie un cod valid CSS și curat, și să simplifice procesul de scriere a codului, și asigurați-vă că veți obține rezultate rapid și eficient.

1. Începeți cu o resetare CSS

Scrierea codului CSS poate fi o sarcină non-triviale, atunci când trebuie să scrie un cod de peste si peste din nou doar pentru a obține diferite browsere afișa același marcaj. Acolo Resetați nevoie de CSS. Având în vedere că această recepție sunt genii CSS, cum ar fi E. Meyer, nici un motiv pentru a nu pierde toate browserele „la zero“ și de a începe construirea stiluri de la zero.

Unii oameni spun că CSS Reset Stiluri inutile, dar atunci când te obișnuiești pentru a reseta elementele de stil cu care lucra, va fi mult mai ușor pentru a le oferi același ecran în diferite browsere.

3. Indentați regulile dvs. CSS pentru o căutare mai bună

Când aveți nevoie pentru a găsi ceva printre cele 500 de linii de cod CSS, acesta poate deveni o tortura pentru ochi. Deci, în loc de a scrie cod CSS de forma:

Puteți indenta regulile pentru a face mai ușor pentru a defila pentru a găsi fișierul dorit și returnează claselor și ID-ul.

4. O regula - o linie ... Câteva reguli - câteva rânduri

Ca urmare a acestei metode simple, puteți curăța rapid mizeria în fișierele CSS. Mai jos puteti vedea doua moduri diferite de a scrie cod CSS. Unii oameni încearcă să localizeze fiecare regulă pe o linie nouă, dar am stick la metodele de mai sus: o singură regulă = o singură linie, și câteva reguli = mai multe linii.

5. Aflați cum (și de a folosi) un cod scurtat

CSS cod scurt vă va permite să accelereze procesul de scriere, reduce aglomerarea și foaia de stil vă permit să găsiți regulile de care aveți nevoie mult mai rapid. Deci, de ce atât de mulți oameni încă scrie un astfel de cod CSS lung?

Scrierea acestui cod în format prescurtat face mult mai clar. cod scurt folosește sensul acelor de ceasornic, astfel încât numărul de exemplele de mai jos se referă la partea de sus, dreapta, jos, la stânga.

6. scrie cod CSS în ordinea alfabetică pentru facilitarea citirii

Acest sfat a venit în minte, recent, și eu sunt doar încep să-l folosesc tot timpul, atunci când am scrie codul CSS. Situat chiar în ordine alfabetică va permite să găsiți cu ușurință linia de cod, editați-l și trece mai departe.

Uită-te la codul de mai jos, rețineți că prima literă a regulilor sunt în ordine alfabetică, astfel încât să puteți rula rapid prin listă și pentru a găsi linia dreapta. Sunteți în căutarea pentru dreptul de font-size. Ei bine, știi, în ce moment în alfabetul Letter F, astfel încât căutarea pentru această linie va fi mult mai ușor.

7. Folosiți nume prietenoase ale claselor și ID-

Nu este nimic mai rău decât pentru a edita o bucată de cod, atunci când se pare ceva de genul:

Alegerea numelui potrivit pentru clasa si ID-ul vă va ajuta să înțelegeți unde să caute acest lucru sau acel element în fișierele foaie de stil, precum și în fișierele HTML. Mi-ar recomanda să utilizeze aproximativ următoarele nume semnificative pentru a ajuta la menținerea cod clare și ușor de înțeles:

Traducere articolul „7 sfaturi bune pentru o mai bună scriere CSS» a fost pregătit de o echipă de proiect prietenos Web design de la A la Z.