ToDo: CSS-background im SELF-Wiki
bearbeitet von Matthias ScharwiesServus!
> Hallo Matthias,
>
> de facto existiert eine Tripelung, weil unter CSS/Eigenschaften die Eigenschaften ja auch nochmal aufgeführt sind.
>
> An der Stelle tue ich mich mit dem Konzept schwer: Referenz mit Beschreibung und Beispiel, okay, aber im Tutorial-Teil müsste man das Thema dann doch anders angehen als durch eine Auflistung von Eigenschaften, die letztlich die Referenz wiederholt, oder?
> * [CSS/Tutorials/Hintergrund/Gestaltung mit CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Hintergrund/Gestaltung_mit_CSS)
>
> Daneben existiert aber eine weitere Seite im alten 2.er Stil, die **alle** Einzeleigenschaften beschreibt und somit eine Dopplung darstellt:
>
> * [CSS/Tutorials/Hintergrund/background](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Hintergrund/background)
>
> Hier müsste je**man**d schauen, dass …
>
> * die Dopplungen beseitigt
Das war mein Formulierungsfehler: Die zweite Seite **ist eine Dopplung**. Inhaltlich entspricht sie der Referenz unter [**CSS/Eigenschaften**](https://wiki.selfhtml.org/wiki/CSS/Eigenschaften) + einige Live-Beispiele. Einsortiert ist sie als Tutorial.
Jas, ein Tutorial soll eine Geschichte erzählen.
[CSS/Tutorials/Hintergrund/Gestaltung_mit_CSS](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Hintergrund/Gestaltung_mit_CSS) erzählt vom Einfachen ausgehend eine Geschichte:
1. Hintergrund mit hellblauer Farbe
2. Hintergrund mit `background-image`
- erst eine Wolke
- dann ein Verlauf
- dann Verlauf + Wolke
- dann [bewegen sich die Wolken](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Hintergrund/Gestaltung_mit_CSS#animierte_Hintergrundbilder)
Wie geht es weiter?
Im 2. Kapitel findet mit Image-Replacement fast nur Theorie statt.
Schöner wäre es evtl. das Sprite-Kapitel als **CSS/Tutorials/Hintergrund/Rastergrafiken** neu aufzuziehen:
Mit image-set(bild1.jpg, bild2.jpg 1x, bild2.jpg 1x) mehrere Formate einsetzen, dann Hintergrundbilder mit background-position positionieren
Dann Kachelung mit background-repeat, wobei das schon im [1. Kapitel ](https://wiki.selfhtml.org/wiki/CSS/Tutorials/Hintergrund/Gestaltung_mit_CSS#mehrere_Hintergrundbilder)vorkommt.
Das ist halt genau die Frage, wie man diese übriggebliebene Seite mit vielen Beispielen kontextualisieren, d.h. in eine Geschichte einbinden kann.
Herzliche Grüße
Matthias Scharwies
--
Einfach mal was von der [ToDo-Liste](https://wiki.selfhtml.org/wiki/Kategorie:ToDo) auf die Was-Solls-Liste setzen.“