Υποενότητα 3.2: Εισαγωγή CSS

Άσκηση

Έχετε τον κώδικα:

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Style - CSS</title>
    <!-- This is an external style sheet-->
    <link rel="stylesheet" type="text/css" href="http://www.w3.org/StyleSheets/Core/Swiss">
  </head>
  <body>
    <h2>This is a Heading 2</h2>
    <h4>This is a Heading 4</h4>
    <!-- Paragraph 1-->
    <p>Lorem ipsum dolor sit amet, ea nec probo eloquentiam, in esse quando laboramus sea.</p>
    <!-- Paragraph 2-->
    <p>Solet dictas periculis et mea, in omnesque periculis eloquentiam vis.</p>
    <!-- Paragraph 3-->
    <p>Mea id tale delicata conclusionemque, ut dicam everti vel, est ei ornatus probatus efficiantur. </p>
    <!-- Paragraph 4-->
    <p>Te adipisci delicatissimi usu, ridens copiosae pri no, etiam verterem molestiae eos te.</p>
  </body>
</html>

Άσκηση

Πρόκειται για μια άσκηση για την κατανόηση της προτεραιότητας των κανόνων .

  1. Ανοίξτε τον επεξεργαστή κώδικα, δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το ως exersice03.2.04.html στον φάκελο "Exercises".
  2. Αντιγράψτε τον παραπάνω κώδικα και επικολλήστε τον στο νέο αρχείο.
  3. Επεξεργαστείτε το αρχείο. Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα:

The result is ...

Λύση: