Normalize.css este o alternativă la resetarea CSS. Oferă un grad ridicat de consistență între browsere în stilul implicit al elementului HTML. Normalize.css este o alternativă modernă, premium, pentru HTML5 (http://necolas.github.io/normalize.css/）
Atât normalize.css, cât și reset.css sunt foi de stil pentru resetarea filelor browserului
Scopul creării normalize.css este următorul:
Protejează stilurile implicite utile ale browserului în loc să le elimini complet
Stiluri generalizate: Oferite pentru majoritatea elementelor HTML
Corectați propriile bug-uri ale browserului și asigurați coerența între browsere
Optimizează uzabilitatea CSS: Folosește câteva sfaturi
Explică codul: folosește comentarii și documentație detaliată
Normalize.css suportă o gamă largă de browsere, inclusiv browsere mobile, și generalizează elemente HTML5, tipografie, liste, conținut încorporat, formulare și tabele. Deși acest proiect se bazează pe generalizare, am folosit valori implicite mai practice acolo unde a fost cazul.
Normalizare vs Resetare
1. Normalize.css Instanțe valoroase protejate
Resetarea forțează elementele să aibă același efect vizual prin impunerea unui stil implicit aproape tuturor elementelor. În contrast, Normalize.css păstrează multe dintre stilurile implicite ale browserului. Aceasta înseamnă că nu mai trebuie să refaci toate elementele tipografice comune. Când un element are valori implicite diferite în browsere diferite, Normalize.css strădui să păstrezi aceste stiluri consecvente și cât mai consecvente posibil cu standardele moderne.
2. Normalize.css Am rezolvat un bug în browser
Corectează bug-uri comune în browserele desktop și mobile. Acest lucru depășește adesea ceea ce poate face Reset. În acest sens, problemele Normalize.css rezolvate includ setările de afișare ale elementelor HTML5, problemele cu dimensiunea fontului cu textul preformatat, overflow SVG în IE9 și multe erori legate de formulare care apar în diverse browsere și sisteme de operare.
3. Normalize.css Nu va face ca uneltele de depanare să fie aglomerate
Unul dintre cele mai enervante aspecte ale utilizării Reset este lanțul mare de moștenire din instrumentul de depanare al browserului, așa cum se vede în imaginea de mai jos. Nu va exista o astfel de problemă în Normalize.css, pentru că suntem foarte atenți cu utilizarea multi-selectorilor în ghidurile noastre și vom stiliza elementul țintă doar intenționat.
4. Normalize.css este modulară
Proiectul a fost împărțit în părți înrudite, dar separate, ceea ce face ușor și clar ce elemente sunt setate pe valori specifice. Acest lucru îți permite să elimini selectiv părți pe care nu le vei folosi niciodată (cum ar fi generalizarea formelor).
5. Normalize.css Are documentație detaliată
Normalize.css cod se bazează pe cercetări și testări detaliate și cuprinzătoare între browsere. Acest fișier conține descrieri detaliate ale codului și instrucțiuni suplimentare pe Wiki-ul Github. Asta înseamnă că poți afla exact ce face fiecare linie de cod, de ce ai scris-o, diferențele dintre browsere și îți poți testa propriul linie mai ușor.
Cum să folosești normalize.css
Mai întâi, instalează sau descarcă Normalize.css de pe Github, iar apoi există două moduri principale de a-l folosi.
Strategia 1: Folosește-normalize.css ca bază CSS pentru propriile proiecte, personalizând valorile de stil pentru a se potrivi nevoilor designerului.
Strategia 2: Importă normalize.css cod sursă și construiește peste el, suprascriind setările implicite cu propriul CSS când este necesar.
Descărcare fișier CSS:https://necolas.github.io/normalize.css/8.0.0/normalize.css
|
Postat pe 27.07.2018 14:49:36
|
|
|
|
