Põhiliste CSS omaduste harjutus

Kopeeri järgmine HTML kood oma lehele:

html<h1>Veebilehtede keeled</h1>

<h2>PHP ja JavaScript</h2>
<p>
  Programmeerimiskeeled <b>PHP</b> ja <b>JavaScript</b> võimaldavad
  muuta veebilehe dünaamiliseks, see tähendab kasutaja tegevustele reageerivaks.
  Näiteks on võimalik luua ilus rippmenüü või slaidier.
</p>

<h2>Skriptide liigid</h2>
<p>
  Selleks kirjutatakse skripte (ingl <i>script</i> - "stsenaarium") -
  programmid, mis võimaldavad reageerida kasutaja tegevustele.
  Skripte on kahte tüüpi:
</p>
<ul>
  <li>
    need, mis täidetakse serveris,
    ja nende täitmise tulemus saabub brauserisse
    kasutajale juba valmis kujul. Need on skriptid,
    kirjutatud keeles <b>PHP</b>. Sellega kirjutatakse
    <b>CMS-id</b> – sisuhaldussüsteemid.
  </li>
  <li>
    need, mis täidetakse otse kasutaja brauseris.
    Need on skriptid, kirjutatud keeles <b>JavaScript</b>.
    Neid kasutatakse kõige sagedamini selleks, et muuta lehte
    mugavamaks ja ilusamaks.
  </li>
</ul>
Задание 1

Lisa sellele koodile CSS stiilid, et saaks järgmise: