Come usare reset.css in Blueprint

June 15

Tutti i browser web hanno il rendering discrepanze che fa un CSS (Cascading Style Sheet) del display leggermente diversa. Questo può causare problemi quando si utilizzano i CSS per lo stile i vostri elementi del sito web. Un documento ripristino quadro CSS, ad esempio il documento "reset.css" offerto da Blueprint, elimina queste discrepanze definendoli come valore. Questo crea una fondazione per costruire il tuo sito web in grado di eliminare molti problemi di rendering cross-browser. Per utilizzare il documento "reset.css", è necessario scaricare il Blueprint archivio ZIP, estrarre il file "reset.css", e quindi collegare tutte le pagine del sito web per il file utilizzando un "<link>" tag HTML.

istruzione

1 Scarica la "Blueprint" archivio ZIP dal sito web "BlueprintCSS".

2 Estrarre il file ZIP scaricato in qualsiasi directory del computer, quindi aprire la directory estratta "joshuaclayton-progetto-css".

3 Aprire la directory "progetto", quindi aprire la cartella "src".

4 Copiare il documento "reset.css" nella directory sul computer che contiene i documenti di più pagine Web.

5 Aprire un documento di una pagina Web in un editor HTML o testo. Per aprire utilizzando l'editor di testo di Windows nativo, fare clic sul documento e fai clic su "Apri con". Fare clic per selezionare "Blocco note" o "WordPad" dall'elenco delle applicazioni, quindi fare clic su "OK".

6 Fare clic per posizionare il cursore tra la "<head>" e "</ head>" tag vicino alla parte superiore del documento. Premere il tasto "Enter" per creare una riga vuota.

7 Digitare "<link href = 'reset.css' rel = 'stylesheet' type = 'text / css'>" per collegare il documento di una pagina Web per il foglio di stile "reset.css". Se l'aggiunta di più collegamenti del foglio di stile al documento, aggiungerli di sotto di questo tag link. Fai clic su "File" e "Salva".

8 Ripetere i punti 5, 6 e 7 per tutte le pagine del sito web.