Giftakis.gr//🟣Σχεδιασμός και Ανάπτυξη Ιστοτόπων/🟣Α-Εφαρμ.6Β

🟣Α-Εφαρμ.6Β

Εφαρμογή 6Β: Κανόνες Στυλ (CSS)

Τοτο στοιχείο <style> ετικέτα. Εκεί ορίζονται οι κανόνες της γλώσσας CSS για τη μορφοποίηση του περιεχομένου της ιστοσελίδας. Κάθε σύνολο κανόνων χαρακτηρίζεται από έναν επιλογέα:

 

 

💪🏻Δραστηριότητα 👩🏻‍💻

Αντιγράψτε & επικολλήστε τον παρακάτω πηγαίο κώδικα στον επεξεργαστή (IDE)   → 

https://www.tpointtech.com/compiler/html-css-javascript

Έπειτα κάντε τις εξής αλλαγές:

  • προσθέστε έναν κανόνα στο <style> ώστε να τα στοιχεία <ul> <li> και <ol> <li> να έχουν  άσπρο χρώμα ( color: white; ). 
<!DOCTYPE html>
<html>
   <head>
      <title>Λίστες</title>
      <meta charset="utf-8">
      <style>
      	ul li {
      		background-color: yellow;
      		font-size: 11px;
      	}

        ol li {
            background-color: green;
      		font-size: 11px;
        }
      </style>
   </head>
   <body>
      <h1>Βαθμίδες Δημόσιας Εκπαίδευσης</h1>
      <p>
        <ul>
            <li>Νηπιαγωγείο</li>
            <li>Δημοτικό</li>
            <li>Γυμνάσιο</li>
            <li>Λύκειο</li>
        </ul>
      </p>

      <p>
        <ol>
            <li>Νηπιαγωγείο</li>
            <li>Δημοτικό</li>
            <li>Γυμνάσιο</li>
            <li>Λύκειο</li>
        </ol>
      </p>
   </body>
</html>

 

 

🏠Άσκηση

Αποστείλετε τον κώδικα που τροποιήσατε προηγουμένως στην ακόλουθη φόρμα ώστε να αξιολογηθεί από τον καθηγητή.

📝🔗 Φόρμα 📝🔗