Wechseln zu: Navigation, Inhalt

Archiv für CSS

CSS-Spickzettel

CSS-Spickzettel

CSS-Spickzettel

Vor allem als Anfänger hat man es schwer, wenn man anfängt CSS zu lernen. Es gibt viele Elemente und Attribute, die man sich einprägen muss. Aus diesem Grund habe ich für den HTML-Kurs, den ich zusammen mit einem Freund leite, eine Übersicht über die, für den Einstieg wichtigsten, Elemente, das Boxmodel, Farbnamen und Farbcodes in CSS erstellt.

Da die meisten Teilnehmer aus der sechsten oder siebten Klasse sind, beschränkt das Cheat Cheet sich allerdings eher aus die Basics. Es ist als DOC und PDF verfügbar und unter Creative Commons-Lizenz lizenziert, sodass es gerne verwendet, bearbeitet und unter gleichen Bedingungen weitergegeben werden darf.

Passend dazu, gibt es auch einen HTML-Spickzettel für Anfänger.


Em Calculator

Für ein aktuelles Projekt hatte ich die Aufgabe ein elastisches CSS-Layout zu erstellen. Dabei verwendet man statt immer gleichgroßen px als Größenangabe em bzw. ex. Diese beschreiben jeweils die Größe eines m bzw. x in der gerade verwendeten Schriftart.

Em Calculator

Um in px vorhandene Werte nicht umständlich durch ausprobieren ersetzen zu müssen, kann man den Em Calculator von Piotr Petrus benutzen.

Links