Resetarea CSS (resetarea stilurilor) - aceasta este resetarea cu CSS, unii parametri ai elementelor HTML pe care browser-ele le-au setat implicit. De exemplu, astfel de elemente includ paragrafe (eticheta
), care inițial au margini verticale nonzero (marginea CSS), liste cu marcatori (tag
- ), care nu au numai câmpuri, ci și markere de un anumit tip (tip de listă CSS) și așa mai departe.
- Cum sa faci un site web
Pentru ea însăși și gratuit - Tutorial HTML
Pentru începători - CSS Tutorial
Pentru începători - Referințe
Prin HTML și CSS - exemple
HTML și CSS - referințe
Site-uri utile pentru webmasteri - unelte
Programe pentru crearea site-urilor web
Acum, să ne gândim la ce înseamnă resetarea CSS, ce ne poate da? Ei bine, imaginați-vă că marcați paginile site-ului dvs. și nu se schimba punctele de câmp pe care browserele oferite în mod implicit, deoarece dimensiunea pe care sunt complet satisfăcute. Dar spune-mi, vă rog, cum ați decis că toate browserele lumii care există deja și care apar încă vor crea câmpuri de aceeași mărime? Mai mult decât atât, de ce crezi că acele browsere în care ați testat aspectul dvs. nu se va schimba în versiunile viitoare ale dimensiunilor acestor câmpuri sau nu le curat? Simțiți ce miroase?
Deci, aruncarea CSS, web designeri pur și simplu acoperite împotriva unei astfel de confuzie, adică, ele sunt mai întâi adus la zero în toate elementele valorilor „critice“ ale proprietăților CSS, și apoi după cum este necesar, se adaugă din nou, dar cu dimensiunea lor. Astfel, puteți fi siguri că în toate browserele site-ul va arăta la fel. Este cu siguranță posibil, și nu pentru a arunca stiluri, ci pur și simplu în aspectul curs pentru a seta parametrii dorite ale elementelor, dar există riscul ca undeva, ceva se va pierde, iar la un moment dat toate „float“.
Pe baza celor de mai sus, una dintre particularitățile reinițializării CSS este că, după utilizarea sa, multe elemente HTML își pierd apariția obișnuită. Și dacă pierderea câmpurilor din paragrafe este pentru începători ceva așteptat, atunci de exemplu faptul că butoanele create folosind etichete
Metode de a reseta stiluri, există multe, și ce vei alege - depinde doar de tine, dar vă pot spune un singur lucru - cea mai bună resetare este cel pe care le-ați creat, pe baza experienței și obiceiurile lor. Dacă această experiență nu aveți, puteți utiliza una dintre opțiunile oferite mai jos.
Indicați întotdeauna stilurile pentru a reseta CSS chiar la începutul codului, altfel unii dintre parametri ar putea să nu funcționeze din cauza priorităților de stil. care sunt setate de browsere atunci când procesează cod HTML și CSS.
Resetați CSS cu selectorul universal
Descrierea exemplului
În acest exemplu, utilizând selectorul universal, aceste stiluri sunt resetate imediat pentru toate elementele HTML care vor fi prezente pe pagină. După cum puteți vedea, cele mai multe dintre proprietățile menționate este de acoperire, deoarece valorile lor și, astfel în concordanță cu aceste browsere trebuie să înlocuiască implicit în conformitate cu specificațiile CSS. Dar, după cum știți, în practică, nu este cazul și dacă proprietatea font-family este într-adevăr, moștenit elemente de la părinții lor în toate browserele majore, același extern domeniu definit proprietatea CSS marja nu este întotdeauna inițial zero.
Dar dimensiunile cadrelor (granița CSS) și contururile (contur CSS) în mod prestabilit nu sunt egale cu zero, dar deja conform specificațiilor. Cu toate acestea, grosimea lor a fost, de asemenea, setată la zero, astfel încât designerul de aspect nu a uitat să-l indice în mod clar în cazul în care ar fi nevoie.
Resetarea CSS de la Yahoo!
Descrierea exemplului
Compania Yakhu a dezvoltat în timp util varianta de resetare a stilurilor. Aici, proprietățile elementelor specifice se schimbă deja, ceea ce permite o mai mare flexibilitate în gestionarea aspectului lor. De exemplu, aici sunt eliminați marcatorii din liste și din etichetă - citate utilizând proprietatea conținutului CSS. Avantajele acestei abordări sunt evidente, dar la minusuri, puteți include un cod mai voluminos și uneori redundant. Dar, la urma urmei, nimeni nu vă împiedică să schimbați orice resetare CSS la nevoile dvs. Să presupunem că puteți să ștergeți anumiți selectori de taguri de care nu aveți nevoie sau să eliminați ghilimele și să le dați imediat aspectul necesar.
Resetarea CSS de la Eric Meyer
Descrierea exemplului
O altă metodă de resetare a CSS a fost propusă de Eric Meyer (Eric Meyer) - un dezvoltator de web bine cunoscut în anumite cercuri. Aici a adăugat deja o resetare a stilurilor pentru etichetele din HTML 5, care, intermitent, la momentul redactării acestui articol și în sine sunt în continuare foarte puțin susținute de browserele moderne. Dar întotdeauna trebuie să te uiți în perspectivă, nu?
De fapt, acest articol ar putea continua la nesfârșit, pentru că, repet încă o dată, la un moment dat, fiecare coder vine la versiunea sa de o resetare sau nu-l utilizați deloc, bazându-se pe grija sa.
Articole similare
Trimiteți-le prietenilor: