Codice HTML per richiamare il CSS (elenco div)

Il CSS è un linguaggio utile per chi desidera modificare la grafica del proprio sito web. Per richiamarlo in HTML, è necessario utilizzare determinati tag, facili da imparare.

Se si desidera applicare il CSS su un elemento di HTML, è necessario inserire semplicemente la scritta id="nome". Un esempio è se vogliamo applicare il CSS ad un'immagine. In questo caso faremo nel seguente modo:

Codice:

<img src="image.png" id="nome" title="Questa è un'immagine"/>

Per personalizzare questa immagine sarà semplice: tra i tag , inseriamo e al suo interno inseriamo:

Codice:

#nome {            /***Apertura CSS con valore che vogliamo modificare***/
display: none;    /**quello che vogliamo che accada. In questo caso, l'immagine deve sparire.***/
}                      /***Chiusura CSS***/


In questo caso, è solo se vogliamo personalizzare un elemento HTML attraverso il CSS. Possiamo applicarlo anche sugli input, submit, immagini e altro ancora.

Se vogliamo applicare il CSS su un gruppo di codici HTML (insieme) o su un testo, è necessario utilizzare i div che possono essere di vari tipi.

Codice:

<div id="nome"> Qui il contenuto </div>
<span class="nome"> Qui il contenuto </span>
<class id="nome"> Qui il contenuto </class>

Il primo div, è consigliato utilizzarlo solo una volta nella pagina, in quanto è molto importante e identifica l'elemento principale (per esempio è consigliato utilizzarlo per il container del sito web). Gli altri due servono per gruppi di html, come menù o altri elementi meno importanti.

Quest'ultimo, si distinguono nel CSS solo nell'inserimento del nome. Se si tratta di un id="nome", bisognerà inserire questo nel CSS:

Codice:

#nome {
funzione
}

Nel caso si tratta di un class, bisognerà mettere il puntino al posto del cancelletto:

Codice:

.nome {
funzione
}