a

2024-10-29 14:11:37 +01:00
parent 24cffc3c6c
commit 3954d3b1bf
10 changed files with 364 additions and 0 deletions
--- a/WS24_25/WebTech/ue4/3/seite.html
+++ b/WS24_25/WebTech/ue4/3/seite.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <title>CSS-Selektoren</title>
+    <meta charset="utf-8" />
+    <link rel="stylesheet" type="text/css" href="style.css" />
+</head>
+
+<body>
+    <h1><span class="tm">Selectors</span> Level 3</h1>
+    <section class="box" id="abstract">
+        <h2>Abstract</h2>
+        <p>
+            <span class="tm">Selectors</span> are patterns
+            that match against elements in a tree, and
+            as such form one of several technologies that
+            can be used to select nodes in an XML document.
+        </p>
+    </section>
+    <section class="box">
+        <h2><span class="tm">Selectors</span></h2>
+        <p>
+            A <span class="tm">Selector</span> represents
+            a structure. This structure can be used as a
+            condition (e.g. in a CSS rule) that determines
+            which elements a selector matches in the
+            document tree.
+        </p>
+    </section>
+</body>
+
+</html>
--- a/WS24_25/WebTech/ue4/3/style.css
+++ b/WS24_25/WebTech/ue4/3/style.css
@@ -0,0 +1,19 @@
+/* Setzt die Farbe des Texts in allen <h1> und <h2> Überschriften auf blau */
+h1 {
+    color: blue;
+}
+
+/* Setzt den Hintergrund der Elemente mit der Klasse "box" auf orange */
+.box {
+    background-color: orange;
+}
+
+/* Setzt den Hintergrund des Elements mit der ID "abstract" auf rot */
+#abstract {
+    background-color: red;
+}
+
+/* Fügt das ™-Zeichen nach jedem Element mit der Klasse "tm" hinzu */
+.tm::after {
+    content: "™";
+}