tag H1 consentono di aggiungere intestazioni descrittive per pagine Web e creare siti web dall'aspetto professionale. È possibile colorare intestazioni, cambiare i loro stili di carattere e controllare lo spazio intorno a loro regolando i valori dei margini. progettisti di siti spesso tweak tag h1 per raggiungere solo il layout visivo destra che desiderano. Si può fare lo stesso imparando a manipolare i margini tag h1.

Tag a livello di blocco

Immagini, div e intestazioni condividono almeno un attributo comune; sono tutti elementi block-level che risiedono all'interno di scatole virtuali. Il seguente tag H1 definisce un titolo tipico si potrebbe trovare in una pagina Web:

<H1> Titolo </ h1>

Se si stampa la pagina e disegnare un riquadro intorno alla parola "Intestazione," lo spazio al di fuori della scatola rappresenta il margine. Lo spazio all'interno della scatola che si trova tra la parola e la scatola è imbottitura del titolo. Hai la possibilità di cambiare il margine di un titolo senza compromettere la sua imbottitura.

Impostare i margini H1

Utilizzare fogli di stile CSS per impostare le proprietà degli elementi della pagina Web. L'esempio seguente mostra un tag H1 e due possibili modi per impostare i margini usando i CSS:

<H1> Titolo </ h1>
h1 {margin: 2px 3px 4px 5px;}
h1 {margin: 20px}

Il primo selettore H1 CSS cambia alto, a destra, in basso a margini sinistro e di tutte le intestazioni per 2, 3, 4 e 5 pixel. Il secondo selettore utilizza scorciatoia per cambiare quei quattro valori dei margini a 20 pixel. Se non si imposta il margine di una voce, i browser fanno per voi utilizzando le impostazioni predefinite. Il valore utilizzato dipende dal browser.

Blocco a livello di elemento distanziatore

elementi a livello di blocco, come ad esempio intestazioni, risiedono su linee separate in un browser Web. Quando un elemento a livello di blocco appare sotto un'altra, i browser non aggiungono valore margine inferiore dell'elemento superiore e il valore del margine superiore dell'elemento inferiore per determinare lo spazio verticale tra di loro. Un browser utilizza invece il valore della grande margine come la distanza verticale tra i due elementi. Ricordate questo principio, soprattutto quando gli elementi come immagini sotto intestazioni non si allineano il modo di pensare che dovrebbero.

Suggerimenti

Quando avete bisogno di elementi di sotto di un titolo di avvicinarsi ad essa, usare un valore negativo per il suo margine inferiore come illustrato di seguito:

h1 {margin: -10px}

Potrebbe essere necessario sperimentare con questo valore per trovare il numero che muove i contenuti sotto l'intestazione alla posizione desiderata. Aumentare la distanza verticale tra un titolo e gli elementi di sotto di essa, aumentando il valore margine inferiore del titolo. progettisti di siti usano anche H2, H3, H4, H5 e H6 tag per creare intestazioni. Come il numero in aumento il nome di un tag, la sua voce diventa più piccolo. Utilizzare le stesse regole CSS per regolare i margini su questi tag pure.