CSS-Lehrmaterial (Positionierung, Selektoren, bekannte Bugs und Lösungen, etc.)

Ich habe gerade in alten Daten von mir gewühlt und bin dabei über die Zusammenfassungen einer Schulung zu CSS gestolpert, die ich mal gehalten habe. Da bestimmte allgemeine CSS-Fragen auch hier im Forum immer wieder auftreten, dachte ich mir, dass ich sie hier zur Verfügung stelle. So vertrocknen diese gesammelten Infos nicht in einem Dateiordner, sondern erleben hier noch ein Revival ;)

Mein Dank geht an der Stelle an die vielen, vielen Ressourcen zu CSS im Internet, die mir damals natürlich indirekt beim Zusammenstellen dieser Infos für die Schulung geholfen hatten. Da das jetzt aber schon Jahre her ist, weiß ich leider nicht mehr, welche Quellen das waren, so dass ich nur allgemein danken kann.

Basisinfos zu CSS-Selektoren


Anmerkung:
Es gibt bei quirksmode.org eine schöne Übersicht der CSS Browserkompatibilität (welcher Selektor wird von welchem Browser unterstützt)

Basisinfos zu CSS-Positionierungen

Bekannte Bugs und Lösungen dafür (wobei es dafür vielleicht mittlerweile schon aktuellere gibt; diese Sammlung hat schon einige Jahre auf dem Buckel - angefangen habe ich sie schon zu meinen Traumprojekt-Forum.de Zeiten ;))

Hinweis: Achtung, wenn ihr mit dem Contao-Framework (CSS/HTML) arbeitet, werden von Contao automatisch einige typische Bugs bereits behoben. Setzt also solche Lösungen nur ein, wenn ihr trotzdem auf Bugs trefft.

Basisinfos zu Floating

Hallo Nina,

besten Dank für die Files. Kommt in meine Sammlung, auch falls man mal was doppelt hat ist ja nicht schlimm, wenn mal was etwas anders erklärt ist, hilft es auch oft weiter.

Gruss Ria

Auch von mir einen Dank ;-) so was is immer mal gut....vor allem wenn man mal den wald vor lauter bämen nicht mehr sieht:cool:

Danke. Sehr hilfreiche Sammlung.

Für alle, die der englischen Sprache mächtig sind: Der YouTube-Channel von LevelUpTuts (https://www.youtube.com/channel/UCyU...YGRB0hIHMwm2Sg) hält CSS- und CSS3-Tutorials für Euch bereit. Super erklärt und nachzuvollziehen. Im Prinzip wird dort alles abgedeckt und sehr häufig aktualisiert.

Ausserdem hat der Betreiber sehr gute Tuts für Sublime Text 2. Wer den Editor noch nicht kennt: Unbedingt ausprobieren.

Cooles Teil das Sublime Text 2,
sowas wie hier gezeigt wurde "Sublime Text 2 Tutorials #6 - Using Multi Select "
kenne ich von Ultraedit, aber die gehen da ja noch viel weiter.
Mal sehen wie die das in Linux umgesetzt haben.
Danke für den Link.

Zitat:

---

Zitat von Lego2013

Für alle, die der englischen Sprache mächtig sind: Der YouTube-Channel von LevelUpTuts (https://www.youtube.com/channel/UCyU...YGRB0hIHMwm2Sg) hält CSS- und CSS3-Tutorials für Euch bereit. Super erklärt und nachzuvollziehen. Im Prinzip wird dort alles abgedeckt und sehr häufig aktualisiert.

Ausserdem hat der Betreiber sehr gute Tuts für Sublime Text 2. Wer den Editor noch nicht kennt: Unbedingt ausprobieren.

---

Na ich bin da ja großer Emacs-Fan, speziel mit der Ergomacs-Erweiterung ist der eigentlich nicht zu schlagen.