Skip to main content

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 Beitragsveröffentlichtaktualisiert
1CSS Basics – Background
Schwerpunkt: Hintergrundfarben, Verläufe
16.09.201617.10.2016
 2CSS 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.

  1. (DE) css4you.de
  2. (DE) meiert.com
  3. (EN) w3schools.com
  4. (EN) htmldog.com
  5. (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. 🙂


Ähnliche Beiträge


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

Antworten

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. 🙂

Antworten

Du hast eine Frage oder eine Meinung zum Artikel? Teile sie mit uns!

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*
*

Choose your currency:

Close
Converted prices are for reference only - all orders are charged in € Euro (€) EUR.
  • USDUS Dollar ($)
  • EUREuro (€)
  • GBPPfund Sterling (£)
  • AUDAustralische Dollar ($)
  • BRLBrasilianischer Real (R$)
  • CADKanadischer Dollar ($)
  • CZKTschechische Krone
  • DKKDänische Krone
  • HKDHongkong Dollar ($)
  • HUFUngarischer Forint
  • ILSIsraelischer Schekel (₪)
  • JPYJapanischer Yen (¥)
  • MYRMalaysischer Ringgits
  • MXNMexikanischer Peso ($)
  • NZDNeuseeland Dollar ($)
  • NOKNorwegische Krone
  • PHPPhilipinischer Pesos
  • PLNPolnischer Zloty
  • SGDSingapur Dollar ($)
  • SEKSchwedische Krone
  • CHFSchweizer Franken
  • TWDTaiwan New Dollar
  • THBThai Baht (฿)
  • INRIndische Rupie (₹)
  • TRYTürkische Lira (₺)
  • RUBRussischer Rubel