Nwlapcug.com


Come utilizzare Div e Span in HTML e CSS

Elementi div e span spesso confondono le persone nuove in HTML e CSS, perché essi non sono semanticamente significativi elementi quali intestazioni, elenchi e paragrafi. In questo articolo farò spiegare quali div e span deve essere utilizzato per.

Istruzioni

1

Anche se div e span sono elementi HTML, esso potrebbe avere più senso a voi, se si pensa di loro come contenitori..--o come contenitori con ganci. Con ganci intendo gli attributi di classe o un id che collegano il div contenitori generici e si estendono a una regola CSS.

2

Un div è un contenitore che è destinato a contenere una divisione di pagina. Tale divisione di pagina potrebbe essere in una barra laterale, un menu, un'intestazione, un'area di contenuto, un widget, un cattura l'attenzione o un piè di pagina. Con un appropriato classe o un id agganciato al CSS, un div crea un'area strutturale definita e in stile sulla pagina.

3

Il div ti dà un modo per raggruppare il contenuto e lo stile di conseguenza. Un div è un elemento a livello di blocco e viene generalmente utilizzato per sezioni significative di gruppo della pagina in blocchi collegati che possono essere in stile e posizionati secondo le necessità. Maggior parte dei layout CSS dipendono dall'uso di div per creare sezioni della pagina che può essere stile per creare barre laterali, intestazioni e aree di contenuto. Un div può contenere elementi block-level quali intestazioni, paragrafi ed elenchi. E può contenere elementi inline come immagini e campate.

4

Un arco è anche un contenitore generico. È un elemento inline--significato che è usato in una riga di testo. Con una classe o un id, un arco può essere stile per creare un aspetto appropriato per qualsiasi elemento inline racchiuso nell'arco. Un arco può racchiudere una frase o una frase che ha bisogno di uno stile. Ad esempio, un arco potrebbe racchiudere poche parole che si desiderano richiamare l'attenzione..--o un paio di parole che potrebbe formare un messaggio di errore quando un campo di modulo richiesto viene lasciato vuoto.

Consigli & Avvertenze

  • Non usare un arco quando un elemento HTML esistente può fare il lavoro. Ad esempio, se si desidera solo per sottolineare il testo, utilizzare il tag em e lo stile di conseguenza. Non hai bisogno di un arco.