BZZ - Modulwiki - de:modul:m287:learningunits:lu02:aufgaben
https://wiki.bzz.ch/
2026-05-18T10:37:12+00:00BZZ - Modulwiki
https://wiki.bzz.ch/
https://wiki.bzz.ch/_media/wiki/logo.pngtext/html2026-01-27T09:49:37+00:00Anonymous (anonymous@undisclosed.example.com)LU02.A01 - Übungen zu einfachen CSS-Selektoren
https://wiki.bzz.ch/de/modul/m287/learningunits/lu02/aufgaben/einfache-uebungen-zu-css?rev=1769507377&do=diff
LU02.A01 - Übungen zu einfachen CSS-Selektoren
Ausgangslage
Sie haben die Grundlagen zu den einfach CSS-Selektoren gelesen und verstanden. Es soll nun die Anwendung der CSS-Selektoren an der Webseite (s. HTML-Code unten) geübt werden.
<!doctype html>
<html>
<head>
<title>Klassenselektor</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>Kopfzeile</header>
<nav>Navigation</nav>
<h1>Klassenselektor</h1>
<p…text/html2026-03-18T07:05:49+00:00Anonymous (anonymous@undisclosed.example.com)LU02.A03 - Pseudo-Klassen
https://wiki.bzz.ch/de/modul/m287/learningunits/lu02/aufgaben/pseudo-klassen?rev=1773817549&do=diff
LU02.A03 - Pseudo-Klassen
Aufgabe 1: Theoriefragen zu Pseudo-Klassen
Beantworten Sie die folgenden Fragen zu CSS-Pseudo-Klassen:
* Was ist eine CSS-Pseudo-Klasse? Erkläre den Unterschied zwischen einer normalen Klasse und einer Pseudo-Klasse?
*text/html2026-01-27T20:52:20+00:00Anonymous (anonymous@undisclosed.example.com)LU02.A02 - Universalselektoren
https://wiki.bzz.ch/de/modul/m287/learningunits/lu02/aufgaben/spezielle-selektoren?rev=1769547140&do=diff
LU02.A02 - Universalselektoren
Ausgangslage
CSS
* {
margin: 5px;
padding: 3px;
border: 1px dotted black;
text-align: center;
}
HTML
<!doctype html>
<html>
<head>
<title>Universalselektor</title>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>Kopfzeile</header>
<nav><a href="#">Nav1</a> | <a href="#">Nav2</a> |<a href="#">Nav3</a>
</nav>
<main>
<h1>Universalselektor</h1>
<p>Ein einfacher Abs…