Ultimi articoli pubblicati
1 1 1 1 1 1 1 1 1 1 (0 Votes)

Esempio 66: l'attributo class viene spesso utilizzato per puntare a un nome di classe in un foglio di stile. Può anche essere utilizzato da un JavaScript per accedere e manipolare elementi con il nome di classe specifico. Quando il nostro browser leggerà il file HTML, saprà che dovrà trattare in modo diverso, secondo le indicazioni che gli verranno date, i tag che hanno come attributo una certa classe collegata a stili. In questo esempio vediamo come una determinata classe con diversi stili può essere collegata a tag differenti.  Risultato

<!DOCTYPE html>

<html lang="it">

<head>

<meta charset="UTF-8">

<title>Titolo del documento</title>

<style>   
      .colorato {text-decoration:line-through;
                 color:green;
                 font-style:italic;
                 background:#FCF; }
</style>


</head>


<body>

<h1 class='colorato'>Intestazione "H1" con classe</h1>
<h1>Intestazione "H1" senza classe</h1>

<p>... paragrafo senza classe <em>testo con "em" dentro al paragrafo senza classe</em> altro testo del paragrafo</p>

<p class='colorato'>... paragrafo con classe <em>testo con "em" dentro al paragrafo senza classe MA VISTO CHE EM E' DENTRO AL PARAGRAFO EREDITA GLI STILI</em> altro testo del paragrafo</p>

<p>... paragrafo senza classe <em class='colorato'>testo con "em" dentro al paragrafo con classe</em> altro testo del paragrafo</p>


</body>

<!-- esempio realizzato o adattato per il corso gratuito Html/Css di https://www.guideinformaticagratis.it/ -->

</html>

Risultato  






Commenti (0)

There are no comments posted here yet

Lascia i tuoi commenti

  1. Posting comment as a guest.
Allegati (0 / 3)
Share Your Location