Book
Υποενότητα 3.2: Εισαγωγή CSS
Υποενότητα 3.2: Εισαγωγή CSS
Completion requirements
View
Πού εισάγουμε CSS:
- style attribute σε στοιχεία HTML – inline style
- Εσωτερικό - Internal Style Sheet
- Εξωτερικό αρχείο - External style sheet
Προτεραιότητα
Άσκηση
Έχετε τον κώδικα:
<!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>
Άσκηση
Πρόκειται για μια άσκηση για την κατανόηση της προτεραιότητας των κανόνων .
- Ανοίξτε τον επεξεργαστή κώδικα, δημιουργήστε ένα νέο αρχείο και αποθηκεύστε το ως
exersice03.2.04.html
στον φάκελο "Exercises". - Αντιγράψτε τον παραπάνω κώδικα και επικολλήστε τον στο νέο αρχείο.
- Επεξεργαστείτε το αρχείο. Στον browser θα πρέπει να εμφανίζεται η επόμενη εικόνα: