April 4
Firefox e Chrome traducono CSS in modi diversi; incongruenze del browser sono comuni quando si lavora con i CSS e HTML, come ogni applicazione ha diversi metodi per la formattazione del codice. Alcuni browser anche utilizzare codice proprietario che non è supportato in altri browser. Ripristina i fogli di stile sono diventati comuni in tutto il mondo Web design, come il codice mira a pareggiare il posizionamento e altri attributi tutti i browser. È possibile aggiungere fogli di stile di reset pre-creati per i documenti Web per ridurre le differenze di formattazione in Firefox, Chrome e altri browser.
1 Aprire il documento HTML, quindi inserire il codice riportato di seguito tra il "<head>" e "</ head>" tag:
<Link rel = "stylesheet" type = "text / css" href = "http://yui.yahooapis.com/3.4.1/build/cssreset/cssreset-min.css">
2 Salvare il documento per rendere il posizionamento CSS lo stesso in Firefox e Chrome.
3 Carica il file documento HTML al server Web; quando si aggiorna la pagina, le discrepanze di posizionamento non dovrebbero più essere presenti.
4 Aprire un browser Web e accedere a "CSS" a Meyerweb.com.
5 Evidenziare tutto il codice CSS sulla pagina "Reset CSS". Premere il tasto "Ctrl + C" per copiare il testo.
6 Aprire un editor di testo, quindi premere il tasto "Ctrl + V" per incollare il codice CSS. Salvare il file come "reset.css."
7 Carica "reset.css" al server Web. Aprire il documento HTML, quindi aggiungere il codice riportato di seguito tra il "<head>" e "</ head>" tag:
<Link rel = "stylesheet" type = "text / css" href = "http: // & lt; il mio website.com> / <mia cartella foglio di stile> /reset.css">
Sostituire "<mia website.com>" con il nome di dominio in cui la pagina Web è ospitata. Sostituire "<cartella foglio di stile>" con il nome della cartella contenente gli altri fogli di stile, se applicabile.