Linux und Ich

Blog über Ubuntu, Linux, Android und IT

css3-logo

Linktipp: CSS Diner bringt euch CSS-Selektoren mit Praxisbeispielen bei

| 2 Kommentare

Viele Blogger geben sich sehr sehr viel Mühe ihr Blog optisch ansprechend zu gestalten. Ausgehend von einem der unzähligen Templates für WordPress, Drupal und Co. baut man sich “sein” persönliches Blog zusammen — obwohl man mit ordentlicher Web-Entwicklung gar nichts am Hut hat und man sein Blog per Trial- and Error zusammenschustert.

Hat man den dreh einmal raus, ist das Umgestalten eines Templates per CSS gar nicht so schwer, die größte Hürde dabei ist in meinen Augen das Referenzieren der entsprechenden Elemente. Muss ich jetzt bsp {…}, .bsp {…}, #bsp {…} oder .bsp p {…} in die style.css schreiben? Was bezieht sich eigentlich auf was?

Das CSS Dinner erklärt CSS/Selektoren.

Wer sich ungern auf selfhtml.org in die Thematik der CSS-Selektoren einliest, der findet im CSS Diner eine praktische CSS-Lernhilfe. In 26 Leveln gilt es den richtigen Selektor zu finden. Links im CSS Editor trägt man seine Lösung ein, rechts in der HTML-Ansicht sieht man den HTML-Code der Dinge, die auf dem Tisch liegen. Das ganze Projekt ist dabei Open-Source, der Code liegt auf einem Github.

(Via Hacker News)

Autor: Christoph Langner

Hallo, ich bin Christoph -- Linux-User, Blogger und pragmatischer Fan freier Software. Wie Ihr ohne Zweifel bemerkt haben solltet schreibe ich hier über Linux im Allgemeinen, Ubuntu im Speziellen, sowie Android und andere Internet-Themen. Wenn du Freude an meinen Artikel gefunden haben solltest, dann kannst du mir über Facebook, Google+ oder Twitter oder natürlich dem Blog folgen.

2 Kommentare

  1. Sehr nice.

    Kann das zwar im Schlaf, aber damit rumspielen ist nett.

    Wo findest du sowas immer? ;)

Hinterlasse eine Antwort

Auf Linux und Ich darf anonym kommentiert werden. Die Felder für Name und E-Mail-Adresse dürfen beim Eintragen eures Kommentars leer bleiben. Ich freue mich aber über jeden Kommentar, zu dem der Autor mit seinem Namen steht.