Hier ein paar Beispiele wie man nette Teaser auch ohne Grafiken erstellen kann.
Alle Teaser basieren auf dem gleichen HTML – Anpassungen erfolgen alle per CSS 
Infos zu HTML5 und CSS3
Ich habe mal angefangen, einiges zu den Themen HTML5 und CSS3 auf übersichtliche Weise zu erläutern.
Unter anderem werden Farbverläufe, rounded Corners, Pseudoelemente wie :first-child, :last-child etc. behandelt.
Ein paar Dinge habe ich fertig. Die Seite soll natürlich weiter wachsen. Nach und nach werde ich weitere Artikel einstellen.
Einbinden von CSS-Regeln
CSS-Regeln lassen sich auf verschiedene Arten in HTML-Dokumente einbinden.
Externes Stylesheet innerhalb eines (X)HTML-Dokumentes
<link rel="stylesheet" type="text/css" href="beispiel.css" />
Genereller Aufbau von CSS-Regeln
Mit CSS können beliebige Elemente eines HTML-Dokumentes mit entsprechenden Regeln formatiert werden (Layout, Farben, Schrifteigenschaften usw.). Diese Regeln bedürfen natürlich einer korrekten Syntax.
Hier der grundsätzliche Aufbau einer CSS-Regel:
Selektor { Eigenschaft: Wert; }Der Selektor legt fest, auf welches Element die CSS-Deklarationen angewendet werden.
CSS3
CSS3 ist zwar vom W3C noch nicht verabschiedet, dennoch ist es seit geraumer Zeit ein wichtiges Thema im Bereich Webdesign.
Bei der Erstellung der nächsten Artikel werden ich versuchen auf verschiedene Aspekte der “neuen” Version von CSS einzugehen und diese anschaulich zu erläutern.