Πρακτική στα Βασικά CSS Properties

Αντιγράψτε τον ακόλουθο κώδικα HTML στη σελίδα σας:

html<h1>Γλώσσες για Ιστοτόπους</h1>

<h2>PHP και JavaScript</h2>
<p>
  Οι γλώσσες προγραμματισμού <b>PHP</b> και <b>JavaScript</b> επιτρέπουν
  να κάνετε έναν ιστότοπο δυναμικό, δηλαδή να αντιδρά στις ενέργειες του χρήστη.
  Για παράδειγμα, μπορείτε να δημιουργήσετε ένα όμορφο αναπτυσσόμενο μενού ή ένα slider.
</p>

<h2>Είδη Scripts</h2>
<p>
  Για αυτό το σκοπό γράφονται scripts (αγγλ. <i>script</i> - "σενάριο") -
  προγράμματα που επιτρέπουν την αντίδραση σε ενέργειες του χρήστη.
  Υπάρχουν δύο είδη scripts:
</p>
<ul>
  <li>
    αυτά που εκτελούνται στον διακομιστή,
    και το αποτέλεσμα της εκτέλεσής τους έρχεται στο πρόγραμμα περιήγησης του
    χρήστη σε έτοιμη μορφή. Αυτά είναι scripts
    γραμμένα στη γλώσσα <b>PHP</b>. Σε αυτήν γράφονται
    τα <b>CMS</b> – συστήματα διαχείρισης περιεχομένου.
  </li>
  <li>
    αυτά που εκτελούνται απευθείας στο πρόγραμμα περιήγησης του χρήστη.
    Αυτά είναι scripts γραμμένα στη γλώσσα <b>JavaScript</b>.
    Χρησιμοποιούνται συχνότερα για να κάνουν τη σελίδα
    πιο βολική και όμορφη.
  </li>
</ul>
Задание 1

Προσθέστε σε αυτόν τον κώδικα CSS στυλ, για να πάρετε το ακόλουθο αποτέλεσμα: