Φύλλο Εργασίας 4
Καθορίζοντας την εμφάνιση – CSS
1. Δημιουργήστε ένα νέο αρχείο στο σημειωματάριο και αποθηκεύστε το στον φάκελό σας, ονομάζοντάς το styles.css και γράψτε τα παρακάτω:
body {
background-color: lightgrey;
}
h2 {
color: blue;
}
p {
color:green;
}
2. Ανοίξτε την ιστοσελίδα που δημιουργήσατε στο 1ο φύλλο εργασίας (selida1.html) και προσθέστε την παρακάτω γραμμή
ανάμεσα στις ετικέτες ...
3. Ανοίξτε τη selida1.html με τον Firefox. Τι παρατηρείτε;
4. Προσθέστε τις ετικέτες αλλαγής παραγράφου στο κείμενο 1ο τμήμα και δείτε τις αλλαγές.
5. Ανοίξτε τη selida2.html και προσθέστε τη γραμμή
όπως και προηγουμένως.
6. Ποιες αλλαγές πρέπει να γίνουν στο styles.css, ώστε ο τίτλος της ταινίας να έχει μπλε χρώμα;
7. Προσθέστε τη γραμμή που φαίνεται χρωματιστή μέσα στο παρακάτω τμήμα
p {
color:green;
border: 1px solid black;
}
του αρχείου styles.css και δείτε τις αλλαγές.
8. Στο ίδιο τμήμα προσθέστε την παρακάτω γραμμή
padding: 10px;
9. Αλλάξτε τους αριθμούς 1 και 10 και παρατηρήστε τις αλλαγές.