U web browser hè stata ghjochjata da i ghjorni dispiaculi chì in ogni tipu di coherenza di u navigatore hè stata ghjustu. I navigatori di l'ogghjera in tutti sò assai standard. Scopre nicely together e offre una pagina cun fairfirenza coherente nantu à i diversi browsers. Questu includi l'ultime versioni di Google Chrome, Microsoft Edge, Mozilla Firefox, Opera, Safari, è i diversi navigatori truvati nantu à a libertà di i cellulamenti mobili chì sò utilizati per accede à u web d'oghje.
Mentre chì u prugressu hà datu chì certezza chì hè statu questu suprattuttu à i navigatori web è cumu mostranu CSS, ci sò ancu inconsistenzi trà sti varietà di software. Unu di l'incongruvuli cumuni hè cumu quelli navigatori calculate e marghjini, padding e cunfini per i predeterminati.
A causa di sti aspetti di u boxu di mudellu effetti tutti l'elementi HTML, è perchè sò impresosificate in creà pagine di pagine, un manifestu inghjistivatu significa chì una pagina pò sbucera in un grande navigatore, Per cumbattà stu prublema, parechji web designers adupirate sti aspetti di u mudellu di box. Questa pratica hè cunnisciuta ancu com'è "scassa" per i valori per i marghjini, padding, è cunfini.
A Note on Navigator Defaults
I navigatori Web tutti anu una configurazione predeterminada per certi aspetti di visualizazioni di una pagina. Per esempiu, iperturi sò blu è sottucattiti da u situ. Questu hè uniforme in parechji browsers, è ancu s'ellu hè quì chì a più di i diseggiatori cambiani per aiutanu e duminii di disignu di u so prughjettu specificu, u fattu chì sò tutti principianti cù l'altri predeterminazione faciule simplificà per fà questi cambiamenti. Triste, u valore predeterminatu per i marghjini, padding è e fruntiere ùn anu micca diventatu u stessu livellu di cunferenza in u vostru navigatore.
Normalizing Values for Margins and Padding
U megliu modu per risolviri u prublema di u mudellu incontru di casu hè di stabilisce tutti i marghjini è i valori di cumpunenti di l'elementi HTML à cero. Ci hè un pocu di modi chì pudete fà questu hè di aghjà sta regula CSS à a vostra stile:
* {margine: 0; padding: 0; }Questa regula CSS utilizeghja u persone * o comodinesu. Ddu caratteru significa "tutti elementi" è a fungalmentà selezziunate ogni elementu HTML è stabilisce e marghjini è padding à 0. A pesar chì questa regula ùn hè micca specifiche, perchè hè in a vostra stile di stile, hà avutu una specitati più alta ch'è u browser predeterminatu i valori sò. Siccomu l'articuli sò chiddu chì sò scrivite, stu stili un travagliu ciò chì site per esse da fà.
Una altra opción hè di applicà sti valori à l'elementi HTML è di corpu. Perchè tutti l'altri elementi di a vostra pagina sò figlioli di sti dui elementi, a cascata CSS permettenu d'applicà sti valori à tutti quelli altri elementi.
html, corpu {marge: 0; padding: 0; }Questu cumincià u so dissinnatu in u stessu locu nantu à tutti i navigatori, ma una cosa da ricurdà da chì quandu viaghja tutti i marghjulini è padding off, avete bisognu à turnà di turnà à e parti specifichi di a vostra pagina web per alcuni smarrà è sintite chì u so designu chjamanu.
Borders
Pudete avè pensatu "ma nisun navigatore ùn anu un frontiale in u circondu per l'elementu di corpu". Questu ùn hè micca rigurosu. Versione di l'Internet Explorer anu un fruntiu trasparente o invisibule intornu elementi. Aduprate vi pudete difinisce u cunfini à 0, chì u cunfini pò spiegà u vostru schema di pàgina. Se avete decisu chì avete cuntinuatu à sustegnu sti versioni antichi di IE, avete bisognu à indirizzà questu aghjunghje i seguenti à u vostru corpu è l'estensi HTML:
HTML, corpu {
marghjini: 0px;
padding: 0px;
frontière: 0px;
}
Simile à a manera di i vostri svegliate i marghjini è u padding, u novu stile hà ancu vultà i fruntieri predeterminati. Puderete fà ancu u listessu cù u selector selezziunate quì sottu à l'articulu.
Articulu originale per Jennifer Krynin. Edited by Jeremy Girard in u 29/09/16.