1 1 1 1 1 1 1 1 1 1 (0 Votes)

Esempio 48: usiamo una classe ed un id. Gli id si differenziano dalle classi per la caratteristica di poter essere utilizzati solo una volta all’interno del documento.  Abbiamo provato anche a mettere due "Id" uguali nella stessa pagina per vedere cosa succede.  Risultato

<!DOCTYPE html>

<html lang="it">

<head>

<meta charset="UTF-8">

<title>Titolo del documento</title>

<style>

p {
font-size:20px;
}

.pluto {
color: green;
font-size:30px;
}

/* due ID uguali (pippo) con regole diverse ??? NO VIETATO - VALIDO SOLO UN ID !!! funziona l'ultimo che il browser legge. */

#pippo {
color: pink;
font-size:115px;
text-align: center;
}

#pippo {
color: red;
font-size:15px;
text-align: center;
}

</style>

</head>

<body>

<p>Il bilancio è dell'Areu, che ha dichiarato chiuso alle 23.35 lo stato di maxiemergenza.</p>

<p class="pluto">Sono salite a 80 le persone evacuate a Casargo, il centro montano della provincia di Lecco che ieri sera è stato colpito da un'esondazione provocata dal maltempo.</p>

<p class="pluto">Il Soccorso alpino, stazione di Valsassina e Valvarrone, è impegnato da ieri sera nelle operazioni di protezione civile, in seguito alla caduta di una frana che ha travolto un parcheggio.</p>

<p id="pippo">Le verifiche hanno permesso di escludere la presenza di persone sotto la massa di pietre e fango. Trenta i tecnici operativi per tutta la notte, insieme con Vigili del fuoco e autorità.</p>

<p id="pippo">Le squadre sono ancora sul posto a presidio di persone, case e strade, nell'attesa che la situazione torni alla normalità.</p>

<hr> <hr>


</body>

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

</html>

Risultato  






  • Nessun commento trovato

Lascia i tuoi commenti

Posta commento come visitatore

0
I tuoi commenti sono soggetti a moderazione da parte degli amministratori.