Il browser Web di oggi ha fatto molta strada dai tempi pazzi in cui ogni tipo di coerenza tra i browser era un’illusione.
I browser Web di oggi soddisfano tutti gli standard . Giocano molto bene insieme e offrono una visualizzazione della pagina abbastanza coerente in diversi browser.
Ciò include le ultime versioni di Google Chrome , Microsoft Edge, Mozilla Firefox, Opera, Safari e i vari browser presenti nel gran numero di dispositivi mobili utilizzati per accedere al sito Web di oggi.
Qual è la responsabilità del CSS?
Sebbene siano stati compiuti progressi per quanto riguarda i browser Web e il modo in cui visualizzano i CSS , ci sono ancora incongruenze tra queste varie opzioni software.
Una delle incoerenze comuni è il modo in cui tali browser calcolano margini , riempimento e bordi per impostazione predefinita.
Perché questi aspetti del modello di riquadro influiscono su tutti gli elementi HTML e perché sono essenziali per creare layout di pagina.
Una visualizzazione incoerente significa che una pagina può avere un bell’aspetto in un browser , ma un po ‘fuori in un altro, per combattere questo problema.
Molti web designer normalizzano questi aspetti del modello di scatola. Questa pratica è anche nota come “azzeramento” dei valori di margini, riempimento e bordi.
Probabilmente saprai già che un file HTML contiene una sezione nota come “body” . Racchiuso da un tag di apertura e chiusura (<body> </body>).
Il corpo deve contenere tutto il contenuto visibile all’utente. Se vedi un bordo bianco attorno al bordo del tuo sito, è perché questa sezione del corpo ha un margine predefinito di circa 10 pixel.
Come rimuovere i margini di una pagina Web?
Tramite i fogli di stile CSS possiamo modificare i margini di una pagina web. Ciò comporterà il posizionamento dei nostri contenuti in un punto o nell’altro della pagina.
Possiamo incollarlo sul bordo superiore, separarlo da sinistra . Tutto ciò di cui abbiamo bisogno per dare uno stile al sito web.
Se vogliamo modificare i margini di una pagina Web, dobbiamo usare quattro proprietà CSS:
margine inferiore, per il margine inferiore.
margin-left, per il margine sinistro.
margine-destra, per il margine giusto.
margin-top, per il margine superiore.
Queste proprietà CSS possono essere assegnate a qualsiasi elemento HTML . Anche se, nel nostro caso, lo assegneremo al corpo della pagina. Cioè, per l’elemento del corpo.
In questo modo, il codice CSS sarebbe il seguente
body {
margine-sinistra: 0px;
margine destro: 10px;
margin-top: 0px;
margine inferiore: 10px;
}
Nel caso in cui vogliamo assegnare lo stesso valore a tutti i margini, possiamo usare direttamente l’attributo margin, assegnandogli un valore.
A questo punto il Codice sarebbe il seguente
body {
margine: 10px;
};
