Elementi in linea e a livello di blocco in CSS | Spiegato

Elementi in linea e a livello di blocco in CSS | Spiegato
Il linguaggio fondamentale di programmazione web, HTML, è costituito da una vasta gamma di elementi che sono considerati unità elementari di una pagina web. Questi elementi possono essere classificati in due gruppi principali che lo sono Elementi in linea E Elementi a livello di blocco. Essere consapevoli di queste due categorie e le loro differenze è molto significativo. Questo tutorial illumina i suoi lettori su quanto segue;
  1. Elementi in linea
  2. Elementi a livello di blocco
  3. Come scambiare elementi in linea e bloccare

Iniziamo.

Elementi in linea

Vengono chiamati elementi che consumano solo la quantità richiesta di spazio Elementi in linea. Possono anche essere indicati come elementi che vengono visualizzati in una linea.

Questi elementi non partono da una nuova linea, inoltre, puoi posizionare più elementi in linea nella stessa linea.

Gli elementi in linea HTML sono , , , , , , , , , , , , , , , , , , , , , , , , , , ,
, , , , , E .

Nello screenshot collegato di seguito, puoi vedere che è un elemento in linea e sta assumendo solo la quantità di spazio richiesto.

Ora se aggiungi un altro elemento in linea, ad esempio un altro pulsante, non verrà visualizzato su una nuova riga invece verrà visualizzato adiacente al pulsante precedente.

Ecco come funzionano gli elementi in linea.

Ora che abbiamo compreso il concetto di elementi in linea, esploriamo gli elementi a livello di blocco.

Elementi a livello di blocco

Gli elementi che consumano tutto lo spazio disponibili (da sinistra a destra) e iniziano da una nuova linea sono considerati Elementi a livello di blocco.

Gli elementi a livello di blocco sono in grado di contenere elementi in linea insieme ad altri elementi a livello di blocco. La maggior parte degli elementi in HTML sono elementi a livello di blocco.

Gli elementi a livello di blocco HTML sono ,

    ,