Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen Revision Vorhergehende Überarbeitung | |||
modul:m287:learningunits:lu02:aufgaben:einfache-uebungen-zu-css [2025/02/28 07:54] – kdemirci | modul:m287:learningunits:lu02:aufgaben:einfache-uebungen-zu-css [2025/02/28 12:54] (aktuell) – kdemirci | ||
---|---|---|---|
Zeile 26: | Zeile 26: | ||
===== Aufgabenstellung ===== | ===== Aufgabenstellung ===== | ||
- | - Es soll einheitlich die Schriftfamilie | + | - Es soll einheitlich die Schriftfamilie |
+ | - Der erste Absatz ist nicht gestyled. | ||
- Der zweite Absatz wird mit dem Klassenselektor p.remark formatiert, wo der Absatz von links um 70 Pixel eingerückt und ebenfalls links ein blauer Rand mit 15 Pixeln Dicke hinzugefügt wird. Der Abstand zu diesem Rand beträgt 10 Pixel. | - Der zweite Absatz wird mit dem Klassenselektor p.remark formatiert, wo der Absatz von links um 70 Pixel eingerückt und ebenfalls links ein blauer Rand mit 15 Pixeln Dicke hinzugefügt wird. Der Abstand zu diesem Rand beträgt 10 Pixel. | ||
- | - Der dritte Absatz verwendet den Klassenselektor p.remark.warning, | + | - Der dritte Absatz verwendet den Klassenselektor p.remark.warning, |
- | - Der vierte Absatz mit der Klasse warning soll die Schrift-Farbe blau sein und die Fontgrösse auf 130% eingestellt sein. Aus Flexibilitätsgründen sollen die beiden Deklarationen einen eigen Selektor haben. | + | - Der vierte Absatz mit der Klasse warning soll die Schrift-Farbe blau sein und die Fontgrösse auf 130% eingestellt sein. |
- Der Text im Header und Footer ist links ausgerichtet. Die Schriftgrösse im Header und Footer soll auf 80% verkleinert und den Farbcode 00b3ee als Hintergrundfarbe aufweisen. | - Der Text im Header und Footer ist links ausgerichtet. Die Schriftgrösse im Header und Footer soll auf 80% verkleinert und den Farbcode 00b3ee als Hintergrundfarbe aufweisen. | ||
- Die Schrift für Übertitel 1 + 2 haben die Farbe darkslateblue. | - Die Schrift für Übertitel 1 + 2 haben die Farbe darkslateblue. | ||
- Die Schriftgrösse in der Navigation soll auf 90% verkleinert, | - Die Schriftgrösse in der Navigation soll auf 90% verkleinert, | ||