Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- htmlcss:html_css_lektion_07 [31.08.2014 11:51] – Stefan Gaum
+++ htmlcss:html_css_lektion_07 [24.10.2014 13:24] (aktuell) – Stefan Gaum
@@ Zeile 22: / Zeile 22: @@
 Mit Selektoren werden css-Angaben zugeordnet. Die Deklarationen eines Selektors stehen in einer geschweiften Klammer.
+=== Vordefinierte Selektoren des HTML im CSS verändern ===
+   h1 {
+     text-align:right;
+   }
@@ Zeile 31: / Zeile 37: @@
 -> alle Abschnitte werden mit hellrotem Hintergrund, zentrierter Ausrichtung und Textgröße 80% dargestellt:
-=== Man kann auch neue Selektoren definieren: ===
+=== Neue Selektoren definieren und einsetzen ===
 ein ''id''-Selektor wird mit einer //Raute// **''#''** eingeleitet:
@@ Zeile 52: / Zeile 58: @@
    }
-Mögliche Anwendung (externes CSS):
+==== 2 Anwendungsbeispiele ====
+Mögliche Anwendung (**externes CSS**):
    <p> ein Text mit <span class="textmarkergelb">Textmarker</span> markiert.</p>
 gleichbedeutend mit der unschönen Variante
    <p> ein Text mit <span style="background-color:yellow;">Textmarker</span> markiert.</p>
-welches in HTML definiert wird und das Layout vom Inhalt nicht trennt.
+welches **in HTML** definiert wird und das Layout vom Inhalt nicht trennt.
 {{  :work.png|}}
-===== Übung =====
+===== Übung 9 =====
   * Wie verändert sich deine HTML-Datei aus Lektion 6, wenn du die Klasse ''.divs'' mit einbindest.
   * Du musst die entsprechende CSS-Datei im ''head'' der HTML-Datei einbinden!
@@ Zeile 68: / Zeile 76: @@
 {{  :htmlcss:work_64.png|}}
-===== Übung =====
+===== Übung 10 =====
 Nimm den Quellcode aus dem {{:htmlcss:bsptextds3.html|Textbeispiel}} und bearbeite folgende Aufgaben: