EN
In dieser Artikelserie möchten wir dir dir Step by Step einige CSS Codes vorstellen, die aufgrund von Fragen in unserem Forum entstanden sind. Bevor du damit los legst wäre es wichtig, dass du dich zunächst einmal mit den Grundlagen von CSS beschäftigst.
Hierzu haben wir extra einen relativ langen Artikel im Blog verfasst (CSS Einsteiger Tutorial – lerne die wichtigsten CSS Grundlagen), der die wichtigsten Fragen beantwortet und dir den Einstieg in das Thema etwas näherbringt.
Die Artikel-Serie umfasst zum aktuellen Zeitpunkt 11 Lektionen, in denen wir die wichtigsten CSS Eigenschaften, anhand von realen Beispielen innerhalb unseres Themes erklären. Dazu haben wir nahezu alle Fragen aus unserem Forum gesammelt, in denen ein Nutzer nach einer CSS Lösung fragte, und möchten dir diese noch etwas verständlicher aufbereiten. Jeder Artikel hat dabei mehrere Beispiele, basierend auf unserem Theme. Sowohl die Artikel, als auch die Lektionsübersicht, werden je nach Bedarf immer mal wieder überarbeitet.
Wir starten mit dieser Serie und bringen in den nächsten Wochen (in unregelmäßigen Abständen) die neuen Beiträge zu den Themen in der untenstehenden Liste, daher ist die Liste zum aktuellen Zeitpunkt noch unvollständig.
Übersicht dieser Artikelserie:
| # | Thema des Beitrags | veröffentlicht | aktualisiert |
|---|---|---|---|
| 1 | CSS Basics – Background Schwerpunkt: Hintergrundfarben, Verläufe |
16.09.2016 | 17.10.2016 |
| 2 | CSS Basics – Farben Schwerpunkte: Farbdefinition via RGB, RGBa & Hexwerte, Tools |
18.10.2016 | – |
| CSS Basics – Typografie Schwerpunkte: |
– | – | |
| CSS Basics – Box Modell Schwerpunkte: |
– | – | |
| CSS Basics – Rahmen & Schatten Schwerpunkte: |
– | – | |
| CSS Basics – Höhen- & Breitenangabe Schwerpunkt: |
– | – | |
| CSS Basics – Tabellen Schwerpunkt: |
– | – | |
| CSS Basics – Formulare Schwerpunkt: |
– | – | |
| CSS Basics – Listen Schwerpunkt: |
– | – | |
| CSS Basics – Display Schwerpunkt: |
– | – | |
| CSS Basics – Sonstiges Schwerpunkt: |
– | – |
Weiterführende Links
Wem diese Lektionen oben noch nicht gereicht haben, für den haben wir zusätzlich noch ein paar sehr gute Links zu dem Thema zusammengesammelt, bei denen man sich je nach Zeit und Lust natürlich weiterhin fortbilden kann.
- (DE) css4you.de
- (DE) meiert.com
- (EN) w3schools.com
- (EN) htmldog.com
- (EN) developer.mozilla.org
Weitere Snippets im Forum
Hier findest du noch mehr CSS (und HTML) Snippets: affiliatetheme.io/forum/foren/sonstiges/code-snippets/, die in Zukunft aber auch nach und nach in die Artikelserie hier im Blog übertragen werden.
Abschluss
Wenn du spezielle Fragen zum Thema CSS hast, dann poste diese bitte in unser Forum. Wir finden dann zeitnah eine Lösung für dein Anliegen und übernehmen die Frage bei Bedarf auch in einen unserer Artikel.
Wenn du selbst eine schicke CSS Anpassung erstell hast, dann teile sie gerne mit uns. Hinterlass dazu einfach ein Kommentar mit einer Beispiel URL sowie deinem CSS Code und wir nehmen diesen gerne in unsere Artikelreihe mit auf. 🙂
Kommentare
Philipp Koeck 10. Juni 2017 um 9:51
Warum sieht man bei mir eine x-Tabelle am Smartphone als Grid Layout?? Bitte um Hilfe
André 10. Juni 2017 um 21:54
Da eine Tabelle am Handy meist nicht wirklich sinnvoll bedient werden kann. 🙂 Wie du diese Funktion deaktivierst findest du in der Dokumentation unter Entwickler. Für weiteren Support bitte das Forum nutzen, vor allem dieser Beitrag hat damit ja nicht wirklich was zu tun. 🙂