Nwlapcug.com


Strati di base Div

Strati di div, spesso appena conosciuti come "div," sono un elemento comune nel Web design perché è facilmente possibile manipolarli. A differenza dei precedenti metodi di organizzare le pagine Web, tra cui cornici e tabelle, div motore di ricerca amichevole e sono appropriati per una vasta gamma di contenuti. È possibile inserire testo, link, link e immagini, tra altri elementi, all'interno di strati di div.

Caratteristiche di base

I livelli di div sono elementi rettangolari, a livello di blocco. Questo significa che appariranno in una nuova riga da elementi che vengono visualizzati prima e dopo sulla tua pagina Web. Strati di div diventerà automaticamente la larghezza massima della pagina o l'elemento contengono. Divs sono in grado di contenere qualsiasi tipo di contenuto che si potrebbe mettere nel corpo della pagina ed è possibile nidificare div all'interno di altri divs. Contenuti, inclusi testi e immagini, saranno tratto un div, se non hai specificato altezza. Quando si specifica questi attributi, è necessario che lo strato div creerà una barra di scorrimento per visualizzare qualsiasi contenuto che viene ritagliata.

Utilizzo

È possibile utilizzare un layer div come un contenitore che contiene tutto il contenuto del tuo sito Web. Quindi, quando è allineare il vostro div..--a sinistra, destra o centro-- il contenuto verrà allineato a tale lato della pagina, ma è ancora possibile applicare altre allineamento, ad esempio centrare il testo, all'interno del contenitore. Utilizzando strati di div è un modo per separare le sezioni del tuo sito Web. Ad esempio, è possibile utilizzare un div strato per la testa, piè di pagina, intestazioni laterali e area di contenuto principale del tuo sito Web. I div di denominazione rende più facile individuare queste sezioni quando andando oltre il tuo codice.

Div e CSS

Come la maggior parte degli elementi HTML, si possono stilizzare i livelli div con CSS fogli di stile o CSS. Esempi comuni includono l'aggiunta di un bordo o uno sfondo di colore. È possibile specificare gli attributi funzionali quali l'altezza e la larghezza del vostro div. Oltre a questo, è possibile utilizzare margini, spaziatura e allineamento per influenzare come e dove il vostro div apparirà sul tuo sito Web e in relazione ad altri elementi. È inoltre possibile modificare le proprietà degli elementi all'interno di ogni div. Ad esempio, è possibile modificare la dimensione del carattere, il viso e il colore per ogni div sul tuo sito Web. Per questo motivo, è possibile utilizzare un div per racchiudere il contenuto specifico, come una voce, che richiede un proprio stile unico.

Esempi di sintassi

Per creare uno strato di base div, utilizzare il codice riportato di seguito:

< div > contenuto qui < / div >

Per modificare l'aspetto del testo all'interno del vostro livello di div, utilizzare codice simile al seguente:

< div style = "font: 15px arial; colore: rosso; text-align: center "> contenuto qui < / div >

Se si desidera allineare il vostro div a sinistra e hanno che circondano il flusso di contenuto intorno ad esso, utilizzare l'attributo "float" in questo modo:

< div style = "float: sinistra" > contenuto qui < / div >

Uno dei modi più semplici per centro allineare il vostro div è al set il margine destro e sinistro su "auto". Si può utilizzare questo metodo per creare un contenitore per tutti i contenuti del tuo sito Web e ancora permette di impostare i margini superiore o inferiore, se si preferisce.

< div style = "margin-left: auto; margine destro: auto "> contenuto qui < /a >