ძირითადი CSS თვისებების პრაქტიკა

დააკოპირეთ შემდეგი HTML კოდი თქვენს გვერდზე:

html<h1>საიტების ენები</h1>

<h2>PHP და JavaScript</h2>
<p>
  პროგრამირების ენები <b>PHP</b> და <b>JavaScript</b> საშუალებას
  აძლევს საიტს გახდეს დინამიური, ანუ რეაგირებდეს მომხმარებლის მოქმედებებზე.
  მაგალითად, შესაძლებელია გაკეთდეს ლამაზი ჩამოშლადი მენიუ ან სლაიდერი.
</p>

<h2>სკრიპტების სახეები</h2>
<p>
  ამისთვის იწერება სკრიპტები (ინგლ. <i>script</i> - "სცენარი") -
  პროგრამები, რომლებიც საშუალებას აძლევენ რეაგირება მოხდეს მომხმარებლის მოქმედებებზე.
  სკრიპტები ორი სახისაა:
</p>
<ul>
  <li>
    ის, რომლებიც სერვერზე სრულდება,
    და მათი შესრულების შედეგი მომხმარებლის ბრაუზერში
    მოდის უკვე მზა სახით. ეს არის სკრიპტები,
    დაწერილი <b>PHP</b> ენაზე. მასზე იწერება
    <b>CMS-ები</b> – კონტენტის მართვის სისტემები.
  </li>
  <li>
    ის, რომლებიც სრულდება უშუალოდ მომხმარებლის ბრაუზერში.
    ეს არის სკრიპტები, დაწერილი <b>JavaScript</b> ენაზე.
    ისინი ყველაზე ხშირად გამოიყენება იმისთვის, რომ გვერდი
    გახადონ უფრო მოსახერხებელი და ლამაზი.
  </li>
</ul>
Задание 1

დაამატეთ ამ კოდს CSS სტილები, რომ მიიღოთ შემდეგი: