Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- de:modul:ffit:2-jahr:css:learningunits:lu02:aufgaben:pseudo-elements [2025/08/28 06:56] – angelegt kdemirci
+++ de:modul:ffit:2-jahr:css:learningunits:lu02:aufgaben:pseudo-elements [2025/08/28 07:03] (aktuell) – kdemirci
@@ Zeile 15: / Zeile 15: @@
 </head>
 <body>
-    <h1>Pseudo-Klassen in Aktion</h1>
+    <h1>Ein Text über Lorem Ipsum</h1>
-    <button>Klick mich</button>
+    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
-    <input type="text" placeholder="Fokus mich">
+    <blockquote class="custom-quote">Every programmer is an author.</quote>
-    <ul>
-        <li>Element 1</li>
-        <li>Element 2</li>
-        <li>Element 3</li>
-        <li>Element 4</li>
-    </ul>
 </body>
 </html>
@@ Zeile 30: / Zeile 24: @@
 ===== Aufgabenstellung =====
-  - Erstelle eine einfache HTML-Datei mit mehreren Absätzen (<p>).
+  - Erstellen Sie eine CSS-Datei ''styles.css'' und verknüpfe sie die CSS-Datei mit der HTML-Datei.
-  -
+  - Fügen Sie eine Regel hinzu, die bei den ''<blockquote>''-Elementen mit der Klase ''custom-quote'' die Zitatzeichen "«" und "»" hinzufügt.