CSS Übungen

1. Legen Sie einen längeren HTML-Text mit einer Reihe von Tags an. Sie können auch auf ein vorhandenes Dokument zurückgreifen.
2. Setzen Sie inline-styles mit <span>...</span> und mit <div>...</div> an verschiedene Stellen.
3. Verändern Sie die inline-styles.
4. Wiederholen Sie die Übung, indem Sie nun die verschiedenen CSS-Formate an zentraler Stelle im Head definieren.
5. Verändern Sie auch hier wieder die Formatierungen
6. Legen Sie ein externes Stylesheet uebung.css mit folgenden Stilen an:
1. Hintergrund: beige
2. H1: Arial 24 Punkt fett und unterstrichen
3. H2: Arial 18 Punkt fett
4. H3: 14 Punkt fett
5. Absatz: Times New Roman 12 Punkt, Zeilenhöhe 1,2 man Schrifthöhe
6. Merksatz: linker und rechter Einzug 3 cm, textpassage 1 Punkt, Hintergrund hellgrau.
7. Wenden Sie das externe Stylsheet auf ein HTML-Dokument mit den entsprechenden Tags an.
8. Ändern Sie die CSS-Definitionen im externen Stylesheet
9. Laden Sie folgende Stylesheets auf Ihre Festplatte und wenden Sie sie auf das HTML-Dokument an.
• greenback.css
• headline.css
• selfnoise.css
• praktikumr.css
10. Legen Sie verschiedene Klassen an, z.B. von H2. Das könnte sein:
• H2.main
• H2.uebung
• H2.beispiel
• ...
11. Wenden Sie die neuen Formate auf Ihr Dokument an.
12. Legen Sie universelle Stile an (dotted).
13. Wenden Sie die neuen Stile in Ihrem Dokument mit verschiedenen Tags an.
14. Machen Sie sich mit dem Stylsheet vertraut das diesem Kursus zu Grunde liegt (courshtml.css).
15. Verwenden Sie es für Ihr Dokument