Pratica sulle Proprietà CSS Fondamentali

Copia il seguente codice HTML sulla tua pagina:

html<h1>Linguaggi per Siti Web</h1>

<h2>PHP e JavaScript</h2>
<p>
  I linguaggi di programmazione <b>PHP</b> e <b>JavaScript</b> permettono
  di rendere un sito dinamico, cioè reattivo alle azioni dell'utente.
  Ad esempio, è possibile creare un menu a tendina accattivante o un slider.
</p>

<h2>Tipi di Script</h2>
<p>
  A questo scopo si scrivono degli script (dall'inglese <i>script</i> - "sceneggiatura") -
  programmi che permettono di reagire alle azioni dell'utente.
  Gli script sono di due tipi:
</p>
<ul>
  <li>
    quelli che vengono eseguiti sul server,
    e il risultato della loro esecuzione arriva al browser
    dell'utente già in forma finita. Questi sono script
    scritti in linguaggio <b>PHP</b>. Con esso si scrivono
    i <b>CMS</b> – sistemi di gestione dei contenuti.
  </li>
  <li>
    quelli che vengono eseguiti direttamente nel browser dell'utente.
    Questi sono script scritti in linguaggio <b>JavaScript</b>.
    Vengono utilizzati più spesso per rendere la pagina
    più comoda e bella.
  </li>
</ul>
Задание 1

Aggiungi a questo codice degli stili CSS, per ottenere quanto segue: