Sfaturi pentru lucrul cu foile de stil CSS3

Odată ce am definit structura site-ului nostru și am dezvoltat HOTĂRÂREA Într-un mod precis, este important să definiți stilurile aceluiași, este, de asemenea, zona cea mai creativă și în care puteți personaliza cu o precizie mai mare până la ultimul colț al site-ului dvs. web. Foliile de stil în cascadă sunt soluția cea mai potrivită, dar pentru toți cei care fac prima incursiune în lumea dezvoltării web, există câteva sfaturi care trebuie luate în considerare pentru a obține cele mai bune rezultate.

Pentru a obține un rezultat profesional tipic unui front-end consacrat, este necesar să se ia în considerare anumite aspecte, cum ar fi ordinea, lizibilitatea și corectarea celor mai frecvente erori din acest tip de practică. Împărtășesc mai jos cinci sfaturi foarte de bază, dar în același timp foarte important pentru tratamentul și configurația optimă a foilor noastre de stil CSS.

Asigurați-vă că stabiliți o ordine și o structură eficiente în foile de stil CSS3

Îmi împart întotdeauna foile de stil într-o ordine ierarhică. În primul rând, aplic de obicei selectoare generale și apoi continui să adaug declarațiile selectorilor html și, în cele din urmă, merg să lucrez în interiorul ID-urilor containerelor și elementelor minore. Practic, sol urmați logica DOM și începând de la părinți pentru a termina cu copiii. Cu toate acestea, putem urma și o altă formulă sau comandă, de exemplu, putem grupa selectorii și declarațiile noastre ținând cont de funcția lor. Totul va depinde de preferințele noastre și de modul în care ne simțim mai confortabili lucrând.

Alegeți nume clare și concise pentru fiecare dintre selectorii dvs.

Trebuie să țineți cont de ceva foarte important și că CSS3 diferă în ceea ce privește utilizarea literelor mari și mici, astfel încât scrierea unui cuvânt cu litere mari poate însemna ceva diferit și poate provoca erori. Cel mai ușor este să folosiți întotdeauna litere mici pentru a evita acest tip de problemă. Incearca si tu alegeți nume pentru clasele dvs. și ID-urile dvs. care sunt clar recunoscute și că nu ne deduc îndoieli sau erori.

Nu uitați să adăugați comentarii clarificatoare

Cu siguranță, trebuie să partajați fișierele dvs. cu alte persoane, poate cu clientul sau colegii din echipa dvs. de lucru, cum ar fi proiectanții de layout, alți designeri sau dezvoltatori. Din acest motiv, este foarte important să acordați atenție structurii și să asigurați un finisaj curat și ordonat. Comentariile clarificatoare vor ajuta pe oricine accesează foaia noastră de stil să își găsească rapid calea dintr-o privire. Orice tip de observație care trebuie luat în considerare trebuie să apară ca conținut. Amintiți-vă că puteți include conținut atât în ​​fișierul dvs. Html, cât și în fișierul dvs. CSS și că în ambele cazuri acestea sunt comentarii care nu vor fi reflectate logic în rezultatul final și vor fi vizibile numai atunci când se accesează codul sursă al acestuia, astfel încât acestea să fie poate fi de mare ajutor.

Aplicați întotdeauna o resetare în foile de stil

Fiecare browser are foaia de stil implicită, deci pentru a evita orice erori sau modificări în funcție de browserul în care este vizualizată pagina noastră, este foarte util și recomandat ca resetați foile de stil. Există mai multe alternative. Foaia de stil de resetare a lui Eric Meyer poate fi o opțiune foarte bună.

Alegeți cel mai eficient instrument

Există multe instrumente pe care le puteți utiliza pentru a fi cât mai eficiente posibil atunci când lucrați la proiectarea site-ului dvs. web. De la crearea Wireframes la dezvoltarea structurii site-ului dvs., precum și la tot felul de aplicații, inclusiv Adobe Photoshop, Illustrator sau Fireworks. Aveți, de asemenea, mulți editori profesioniști, fiind unul dintre cei mai recomandați (cel puțin cel pe care îl folosesc eu) Text sublim sau, în caz contrar, Adobe Dreamweaver deoarece oferă interfețe foarte simple cu grade ridicate de personalitate, precum și posibilitatea de a lucra cu codurile noastre printr-un sistem de comenzi rapide și cu un sistem de completare automată care ne va ajuta să economisim mai mult de 70% din timp pe care l-am folosi cu un editor a textului simplu tradițional.