Reset stiluri css, exemple de soluții de lucru - tech pe blog

Toate elementele de pagină HTML în mod prestabilit au propriile lor valori specifice. Și, din păcate, nu sunt tratate în mod egal în diferite browsere. Ca rezultat, suferă designul site-ului, design-ul este modificat prin schimbarea browser-ului (Internet Explorer). stiluri Scop Procedura de resetare este de a reduce inconsecvența în browser-ul lucruri, cum ar fi câmpurile de înălțime linie, dimensiuni de font și așa antete. D.

Exemple de resetare CSS stiluri de script

Se crede că fiecare webmaster care se respectă ar trebui să scrie propriul cod de resetare CSS. Dar eu sunt în favoarea unei alte abordări, să ia o soluție gata preparată, să înțeleagă că, dacă este necesar și corect.

Eric Meyer CSS Reset

Yahoo! (YUI 3) Reset CSS

Resetați YUI 3 stiluri stilul CSS înmoaie controversate elemente ale HTML-browser, la fel ca orice alt script de resetare CSS pentru a crea o bază solidă pentru construirea de site-uri web și aplicații web.

Resetați stiluri normalize.css

Reset prin intermediul selectorului universal * (asterisc)

La prima vedere, poate părea cea mai simplă și cea mai bună soluție, ce descrie toate elementele HTML și atribuie valori pentru a le, atunci puteți utiliza selectorul *, deoarece se aplică tuturor HTML.

Dar, din păcate, acest lucru nu este o bună practică. Browser-ul este foarte dificil (consumatoare de timp în comparație cu alte tratamente de resetare CSS) pentru a aplica regulile fiecărui element din document, în special pe paginile web de dimensiuni mari și pot distruge o mulțime de stiluri implicite bune.

A se vedea, de asemenea: 1062 remedieri de erori „cauzează Resequencing auto_increment“ în MySQL

Resetați stiluri și WordPress

În al doilea caz, codul de resetare trebuie să fie stocate într-un fișier separat, de exemplu, reset.css. a pus lângă style.css fișier și apoi conectați-l prin adăugarea următorul cod la începutul fișierului style.css:

Dacă aveți Directiva @import CSS, acesta trebuie să fie la începutul mesei (în fața tuturor normelor). În caz contrar, browser-ul poate ignora.

În alte aspecte, pentru a îmbunătăți performanța, CSS foilor de stil, de regulă, dimpotrivă, combinate într-un singur fișier. Deci, utilizarea @import nu sunt în valoare de mult, fără o necesitate reală.

După cum puteți vedea, reseta stiluri în WordPress nimic special.

mulțumesc

Următoarele surse au fost folosite în scris acest articol: