Nwlapcug.com


Come regolare la distanza tra i paragrafi in CSS

CSS, acronimo di Cascading Style Sheets, consente agli sviluppatori di personalizzare l'aspetto di qualsiasi elemento in una pagina Web. Siti Web che utilizzano CSS sono più facili da mantenere, perché le modifiche a una definizione di CSS possono aggiornare gli stili di tutti gli elementi in una pagina Web. Per esempio, modificando un singolo valore CSS, è possibile regolare la distanza tra gli elementi di paragrafo HTML. Ciò consente di modificare rapidamente il vostro disegno e vedere immediatamente i risultati senza modificare il codice HTML subalterno.

Istruzioni

1

Avviare Blocco note o un editor HTML. Aprire una delle pagine Web che dispone di più paragrafi.

2

Aggiungere il seguente blocco di codice CSS alla sezione "head" del documento.

< style >
p {margin-bottom: 100px}
< / stile >

Questo crea una classe CSS che controlla gli attributi di tutti i paragrafi della pagina Web. La proprietà "margin-bottom" determina la quantità di spazio vuoto che appare nella parte inferiore di un paragrafo. In questo esempio, tale valore è 100 pixel.

3

Salvare il documento e aprirlo nel browser. Perché i paragrafi hanno un grande valore per le loro proprietà "margin-bottom", si vedrà un grande divario tra i paragrafi.

4

Tornare alla classe CSS nel documento HTML. Modificare "100px" a "10px" e salvare il documento.

5

Ritorno al tuo browser e premere "F5" per aggiornare la pagina Web. Si noti che la distanza tra i paragrafi è diminuito perché hai cambiato la proprietà "margin-bottom" da 100 pixel a 10 pixel.

Consigli & Avvertenze

  • È inoltre possibile utilizzare valori negativi, come "-20px" per riunire i paragrafi ancora più vicino. Se fate il valore piccolo abbastanza, entrambi i paragrafi occuperà la stessa linea della pagina Web.