Color un paragrafo
p id="rosso">Quaerat et facilis ea tempore sequi incidunt mollitia, commodi assumenda.
Dopo head:
style>
#rosso{color:red;}
/style>
Altro esempio
h1 class="colorato">Appunti lezione 2
p class="colorato">Ipsum quam repellendus quo? Eos assumenda commodi cumque, ab deserunt repellendus, esse possimus architecto corrupti iure, sit ad.
style>
.colorato{color:dodgerblue}
/style>
Oppure
style>
.colorato{color:dodgerblue}
p.colorato{color:palegreen}
/style>
Il p.colorato va a modificare il colore soltanto del paragrafo che corrisponde a quella classe e non anche il titolo ad esempio
Per sottolineare tutto il testo di tutta la pagina:
devo mettere dopo head dentro style:
style>
body{text-decoration: underline;}
/style>
Padding: spaziatura interna
style>
body{text-decoration: underline; padding: 60px;}
per dare a tutti gli elementi della pagina un padding, uso il selettore univesale *
style>
*{padding: 15px;}
div*2>h2+p+h2+ul>li*5
crea una divisione con un titolo 2 con un paragrafo e 5 tag li
se voglio applicare il colore solo agli elementi strong del paragrafo:
style>
p strong{color:pink}
/style>
body>
div>
h2>Damiana Li Volti
p>La studentessa span classnome=Damiana> strong>Li Volti, è attualmente iscritta al primo anno di strong>LM-43/strong>/p>
h2>Materie superate
Se metto così invece
style>
p>strong{color:pink}
/style>
Mi colora solo quelli diretti di p quindi ad esempio quello dentro span non lo colora
Senza > prende tutti gli strong contenuti da qualche parte dentro p
p>strong invece prende gli strong il cui “genitore” è solo p
div{ margin: 50px; padding: 30px; border: 1px solid #bababa;
border-radius: 20px; text-align: justify}