Temel CSS Özellikleri Üzerine Pratik

Aşağıdaki HTML kodunu kendi sayfanıza kopyalayın:

html<h1>Websiteleri için Diller</h1>

<h2>PHP ve JavaScript</h2>
<p>
  <b>PHP</b> ve <b>JavaScript</b> programlama dilleri,
  websiteyi dinamik hale getirmeyi, yani kullanıcı eylemlerine tepki veren hale getirmeyi sağlar.
  Örneğin, güzel bir açılır menü veya slayt gösterisi yapılabilir.
</p>

<h2>Betik Türleri</h2>
<p>
  Bunun için betikler (ing. <i>script</i> - "senaryo") yazılır -
  kullanıcı eylemlerine tepki vermeyi sağlayan programlar.
  Betikler iki türlüdür:
</p>
<ul>
  <li>
    sunucuda çalışanlar,
    ve bunların çalıştırılma sonucu kullanıcının tarayıcısına hazır halde gelir. Bunlar,
    <b>PHP</b> diliyle yazılan betiklerdir. Bu dille
    <b>CMS'ler</b> – içerik yönetim sistemleri yazılır.
  </li>
  <li>
    doğrudan kullanıcının tarayıcısında çalışanlar.
    Bunlar, <b>JavaScript</b> diliyle yazılan betiklerdir.
    Çoğunlukla sayfayı daha kullanışlı
    ve güzel hale getirmek için kullanılırlar.
  </li>
</ul>
Задание 1

Aşağıdaki gibi görünmesi için bu koda CSS stilleri ekleyin: