it:css-01a:01

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
it:css-01a:01 [2019/04/03 15:07]
127.0.0.1 Externe Bearbeitung
it:css-01a:01 [2019/04/10 21:54] (aktuell)
wh
Zeile 23: Zeile 23:
 CSS ist nicht zwingend notwendig, um Seiteninhalte lesbar zu machen, wie →CSS1 zeigt. CSS ist nicht zwingend notwendig, um Seiteninhalte lesbar zu machen, wie →CSS1 zeigt.
  
-{{url>http://​www.etok.de/​ext/​css/​app/​css_01.htm 640,250}}+{{url>https://​www.etok.de/​ext/​css/​app/​css_01.htm 640,250}}
  
 <fs 14px>​→CSS1:​ HTML-Seite ohne Stilangaben.</​fs>​ <fs 14px>​→CSS1:​ HTML-Seite ohne Stilangaben.</​fs>​
Zeile 54: Zeile 54:
 Stilangaben sorgen nicht nur für die Formatierung,​ sondern auch für die Betonung und die bessere Lesbarkeit. Die Stilangaben können in der HTML-Seite an zentraler Stelle erfolgen wie in →CSS2. ​ Stilangaben sorgen nicht nur für die Formatierung,​ sondern auch für die Betonung und die bessere Lesbarkeit. Die Stilangaben können in der HTML-Seite an zentraler Stelle erfolgen wie in →CSS2. ​
  
-{{url>http://​www.etok.de/​ext/​css/​app/​css_02.htm 640,250}}+{{url>https://​www.etok.de/​ext/​css/​app/​css_02.htm 640,250}}
  
 <fs 14px>​→CSS2:​ HTML-Seite mit Stilangaben in der HTML-Seite.</​fs>​ <fs 14px>​→CSS2:​ HTML-Seite mit Stilangaben in der HTML-Seite.</​fs>​
Zeile 164: Zeile 164:
 Die Stilangaben können alternativ in den Tags erfolgen wie in →CSS3. Diese Möglichkeit widerspricht der Idee, Struktur und Gestaltung zu trennen und sollte nicht oder nur sparsam verwendet werden. ​ Die Stilangaben können alternativ in den Tags erfolgen wie in →CSS3. Diese Möglichkeit widerspricht der Idee, Struktur und Gestaltung zu trennen und sollte nicht oder nur sparsam verwendet werden. ​
  
-{{url>http://​www.etok.de/​ext/​css/​app/​css_03.htm 640,250}}+{{url>https://​www.etok.de/​ext/​css/​app/​css_03.htm 640,250}}
  
 <fs 14px>​→CSS3:​ Das Erscheinungsbild von →CSS2 und →CSS3 ist identisch.</​fs>​ <fs 14px>​→CSS3:​ Das Erscheinungsbild von →CSS2 und →CSS3 ist identisch.</​fs>​
Zeile 195: Zeile 195:
 Dienen die Stilangaben mehreren HTML-Dateien,​ ist eine separate .css-Datei sinnvoller, die in jeder HTML-Seite referenziert ist. Dienen die Stilangaben mehreren HTML-Dateien,​ ist eine separate .css-Datei sinnvoller, die in jeder HTML-Seite referenziert ist.
  
-{{url>http://​www.etok.de/​ext/​css/​app/​css_04.htm 640,250}}+{{url>https://​www.etok.de/​ext/​css/​app/​css_04.htm 640,250}}
  
 <fs 14px>​→CSS4:​ HTML-Seite mit Stilangaben in der referenzierten »css_04.css«.</​fs>​ <fs 14px>​→CSS4:​ HTML-Seite mit Stilangaben in der referenzierten »css_04.css«.</​fs>​
Zeile 263: Zeile 263:
 Eine abweichende Stilangabe zur referenzierten .css-Datei kann (grundsätzlich) in dem Tag der HTML-Seite erfolgen wie in →CSS5. Abweichende Stilangaben entsprechen dem Prinzip der Mehrstufigkeit {Kaskadierung},​ sollten jedoch bevorzugt in der .css-Datei erfolgen wie in →CSS6. Eine abweichende Stilangabe zur referenzierten .css-Datei kann (grundsätzlich) in dem Tag der HTML-Seite erfolgen wie in →CSS5. Abweichende Stilangaben entsprechen dem Prinzip der Mehrstufigkeit {Kaskadierung},​ sollten jedoch bevorzugt in der .css-Datei erfolgen wie in →CSS6.
  
-{{url>http://​www.etok.de/​ext/​css/​app/​css_05.htm 640,250}}+{{url>https://​www.etok.de/​ext/​css/​app/​css_05.htm 640,250}}
  
 <fs 14px>​→CSS5:​ HTML-Seite mit Stilangaben in der referenzierten »css_05.css« und in der HTML-Seite.</​fs>​ <fs 14px>​→CSS5:​ HTML-Seite mit Stilangaben in der referenzierten »css_05.css« und in der HTML-Seite.</​fs>​
Zeile 334: Zeile 334:
 Neben den Tag-Selektoren kennt CSS auch Class- und ID-Selektoren. In →CSS6 dienen sie dazu, um bereits festgelegte Formatierungen zu überschreiben. Das ist das Prinzip der Mehrstufigkeit. Neben den Tag-Selektoren kennt CSS auch Class- und ID-Selektoren. In →CSS6 dienen sie dazu, um bereits festgelegte Formatierungen zu überschreiben. Das ist das Prinzip der Mehrstufigkeit.
  
-{{url>http://​www.etok.de/​ext/​css/​app/​css_06.htm 640,320}}+{{url>https://​www.etok.de/​ext/​css/​app/​css_06.htm 640,320}}
  
 <fs 14px>​→CSS6:​ HTML-Seite mit Stilangaben in der referenzierten »css_06.css«.</​fs>​ <fs 14px>​→CSS6:​ HTML-Seite mit Stilangaben in der referenzierten »css_06.css«.</​fs>​
  • it/css-01a/01.txt
  • Zuletzt geändert: 2019/04/10 21:54
  • von wh