Põhiliste CSS omaduste harjutus

Kopeeri järgmine HTML kood oma lehele:

<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>

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