Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- fortbildungen:webdesign-lernen:css-spickzettel [18.11.2015 (14:21)] – [Arten von Selektoren] retemirabile
+++ fortbildungen:webdesign-lernen:css-spickzettel [06.08.2020 (11:28)] (aktuell) – Externe Bearbeitung 127.0.0.1
@@ Zeile 17: / Zeile 17: @@
-{{youtube>80KGiY7cSVM?640x360}}
+{{youtube>CPKDQIvLrGY?640x360}}
 ===== Prinzip von CSS =====
@@ Zeile 38: / Zeile 37: @@
 ===== Aufbau einer CSS-Regel =====
-Eine CSS-Regel besteht aus dem **Selektor //(selector)//**, einer Liste von **Eigenschaften //(property)//** und deren konkreten **Werten //(value)//**. Wie bei allen „Computer-Sprachen“ muss man die exakte **Schreibweise** bis ins Detail beachten, damit keine Darstellungsfehler passieren. Achte also auf die Position der geschwungenen Klammern ''{}'', des Doppelpunkts '':'' und des Semikolons '';''  .
+Eine CSS-Regel besteht aus dem **Selektor //(selector)//**, einer Liste von **Eigenschaften //(property)//** und deren konkreten **Werten //(value)//**. Wie bei allen „Computer-Sprachen“ muss man die exakte **Schreibweise** bis ins Detail beachten, damit keine Darstellungsfehler passieren. Achte also auf die Position der geschwungenen Klammern ''{}'', des Doppelpunkts '':'' und des Semikolons '';''
 {{:fortbildungen:webdesign-lernen:css-regel.png?nolink|}}
@@ Zeile 47: / Zeile 46: @@
 |<100% 15em 10em >|
 ^Name^Beispiel^Erklärung^
-|Element-Selektor |''header''|Wählt das jeweilige HTML-Element aus, hier z.B. \\ \\ ''< header >…</header >''|
+|Element-Selektor |''header''|Wählt das jeweilige HTML-Element aus, hier z.B. \\ \\ ''<header>…</header >''|
 |mehrere Element-Selektoren|''h1, h2, h3'' |Wählt alle genannten HTML-Elemente aus, hier also \\ \\ ''<h1>…</h1>'', ''<h2>…</h2>'' und ''<h3>…</h3>''|
 |verschachtelte Element-Selektoren|''header h2'' |Wählt nur die HTML-Elemente aus, die der Verschachtelung entsprechen. Hier also nur die ''h2''-Elemente, die sich innerhalb des Elements ''header'' befinden\\ \\ ''<header><h2>…</h2></header>'' |