modul:m287:learningunits:lu02:aufgaben:einfache-uebungen-zu-css

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Nächste Überarbeitung
Vorhergehende Überarbeitung
modul:m287:learningunits:lu02:aufgaben:einfache-uebungen-zu-css [2025/02/28 07:53] – angelegt kdemircimodul:m287:learningunits:lu02:aufgaben:einfache-uebungen-zu-css [2025/02/28 12:54] (aktuell) kdemirci
Zeile 24: Zeile 24:
 </html> </html>
 </code> </code>
 +
 +===== Aufgabenstellung =====
 +  - Es soll einheitlich die Schriftfamilie Arial für alle Texte verwendet werden. 
 +  - 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 dritte Absatz verwendet den Klassenselektor p.remark.warning, soll ein blauer Rahmen (durchgezogene Linie, Innenabstand links und rechts 9px, oben und unten 1.5px, der Text ist zentriert).
 +  - 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.
 +  - Die Schrift für Übertitel 1 + 2 haben die Farbe darkslateblue.
 +  - Die Schriftgrösse in der Navigation soll auf 90% verkleinert, als Schriftfarbe weiss und den Farbcode 778899 als Hintergrund aufweisen. Der Text in der Navigation zentriert ausgerichtet.
 +
  • modul/m287/learningunits/lu02/aufgaben/einfache-uebungen-zu-css.1740725628.txt.gz
  • Zuletzt geändert: 2025/02/28 07:53
  • von kdemirci