importanza

Il design senza tabelle è ciò che la maggior parte delle pagine web ha. Ciò significa che la maggior parte degli sviluppatori aderiscono alle classi CSS per progettare immagini e testo su una pagina. In precedenza, le tabelle con celle, righe e colonne controllavano l'aspetto di una pagina Web. Tuttavia, con un disegno senza tabelle, il layout è contenuto in un contenitore "div". Un contenitore div ti consente di posizionare sezioni della pagina in diverse aree del codice HTML e controlla le diverse sezioni della pagina senza intaccare altre aree.

Formato verticale

La proprietà "valign" è il tag della linea interna HTML che controlla la posizione verticale di un oggetto contenuto. Ad esempio: se si dispone di un contenitore div alto 50 pixel, l'impostazione di "valign" sul "centro" posiziona il contenuto di 25 pixel verso il basso dalla parte superiore del contenitore. Anche se sposti il ​​contenitore div in una posizione diversa, rimarrà centrato verticalmente.

Classi CSS

Le foglie in stile cascade consentono di configurare le classi di progettazione, quindi puoi collegare i tuoi elementi HTML a una classe senza dover digitare manualmente lo stile di ogni elemento. Di seguito è riportato un esempio di una classe CSS che allinea verticalmente gli elementi:

div {

allineamento verticale: medio; }

Questa classe allinea verticalmente il contenuto nel mezzo di un div chiamato "div".

considerazioni

Il design CSS richiede tempo e pratica. Se l'allineamento è sovrascritto per un div, puoi rovinare il layout del resto della pagina. Devi aprire la pagina HTML con le classi CSS associate in ogni browser comune come Firefox, Chrome e Internet Explorer per assicurarti che il design funzioni correttamente nei browser dei tuoi lettori.