In Hypertext Markup Language, l'elemento < div > aiuta a dividere la pagina in diverse sezioni. Un < div > non formattato non ha molto di un effetto visibile sulla tua pagina. Tuttavia, se si Personalizza il posizionamento, il testo, la proprietà di colore e bordo degli elementi < div >, l'aspetto della tua pagina cambierà drasticamente.

CSS e fogli di stile esterni

Il modo più efficiente per formattare gli elementi < div > è a titolo di fogli di stile CSS. CSS è un linguaggio di stile per HTML. È possibile collegare più pagine HTML nello stesso file del foglio di stile esterno. In questo modo, un unico file convenientemente definisce i parametri di stile per tutte le pagine pertinenti. Inoltre, assegnare classi e ID di elementi < div > tramite CSS consente estrema flessibilità nella formattazione della pagina. Ad esempio, se si specifica la proprietà di stile per una specifica classe CSS e quindi dichiara un elemento < div > come un membro di quella classe, erediterà le proprietà di stile.

Posizionamento

Posizionamento di elementi < div > è uno dei modi più potenti di formattazione di una pagina Web. Un elemento < div > accetta un numero di unità differenti e metodi per la specifica posizione. Se si specifica una posizione in pixel, ad esempio, è possibile dichiarare posizione del < div > in pixel dalla parte superiore, inferiore, sinistra o destra della pagina. Inoltre, un < div > può essere posizionato relativamente, assolutamente, o fisso. In posizionamento relativo, eventuali modifiche di posizione vengono applicate a dove si sarebbe normalmente il < div >. In posizionamento assoluto, < div > è posizionato rispetto a un elemento padre o alla parte superiore del documento. A posizionamento fisso, posizione del < div > non cambia, anche se è necessario scorrere la finestra. Se si sovrappongono più < div > s, è possibile utilizzare la proprietà z-index per ordinarle. Più basso lo z-index, più basso il < div > è a strati.

Proprietà testo

Stili di carattere e dimensioni sono un'altra opzione per la formattazione di < div >. In CSS, è possibile dettare un tipo di carattere specifico e una dimensione per ogni < div > classe o ID. Inoltre, il testo può essere allineato in un certo numero di modi: centrato, sinistra, destra e giustificato in modo che ogni riga prende un'uguale quantità di spazio. Le proprietà di testo sono anche importanti per dettare le dimensioni dei vari elementi di stile. L'unità CSS "em" specifica una dimensione rispetto alla dimensione del tipo di carattere corrente. Ad esempio, 3em è 3 volte la dimensione del carattere corrente. Questo è utile per la configurazione di testo e non di testo allo stesso modo affinché il vostro sito è facilmente visualizzabile.

Spazio di personalizzazione < div >

Altri visual ad uno stile di < div > sono le frontiere, dimensionamento e colorare. Specificando un bordo, un < div > può essere inscatolato ordinatamente. Lo spessore del bordo e lo stile sono entrambi personalizzabili. Inoltre, margini e spaziatura interna sono variabili e aggiungere agli spazi non di contenuto di un < div >. < Div > anche può essere dimensionato in modo che il contenuto è proprio limitato a una determinata area di pagina. Infine, tutti gli aspetti di un < div > possono essere colorati secondo i vostri desideri. Codici colore esadecimale appropriato possono modificare testo, bordi e sfondo.