Peruskäytäntö CSS-ominaisuuksista

Kopioi seuraava HTML-koodi sivullesi:

html<h1>Verkkosivujen kielet</h1>

<h2>PHP ja JavaScript</h2>
<p>
  Ohjelmointikielet <b>PHP</b> ja <b>JavaScript</b> mahdollistavat
  dynaamisen verkkosivun luomisen, joka reagoi käyttäjän toimintoihin.
  Esimerkiksi voit tehdä kauniita pudotusvalikkoja tai diaesityksiä.
</p>

<h2>Skriptien tyypit</h2>
<p>
  Tätä varten kirjoitetaan skriptejä (englanniksi <i>script</i> - "skenaario") -
  ohjelmia, jotka antavat sivuston reagoida käyttäjän toimintoihin.
  Skriptejä on kahta tyyppiä:
</p>
<ul>
  <li>
    ne, jotka suoritetaan palvelimella,
    ja niiden suorituksen tulos tulee käyttäjän selaimeseen
    valmiina. Nämä ovat skriptejä,
    joita on kirjoitettu <b>PHP</b>-kielellä. Sillä kirjoitetaan
    <b>CMS-järjestelmiä</b> – sisällönhallintajärjestelmiä.
  </li>
  <li>
    ne, jotka suoritetaan suoraan käyttäjän selaimessa.
    Nämä ovat skriptejä, jotka on kirjoitettu <b>JavaScript</b>-kielellä.
    Niitä käytetään useimmiten sivun tekemiseen
    käyttäjäystävällisemmäksi ja kauniimmaksi.
  </li>
</ul>
Задание 1

Lisää tähän koodiin CSS-tyylejä saadaksesi seuraavan näköisen tuloksen: