CSS

In dieser Kategorie dreht sich alles um CSS. CSS steht für „Cascading Style Sheets“ und bestimmt die Gestaltung einer Website. Hier findest du einige nützliche Tipps und Beispiele, die du für deine eigene Website verwenden kannst.

Das World Wide Web Consortium (W3C) entwickelt CSS beständig weiter und viele moderne Browser unterstützen es. Die aktuelle Version 3 (*Stand: Dezember 2016) ist jedoch nicht als „fertiger Standard“ anzusehen. Vielmehr gibt es viele Empfehlungen, die Browser-Hersteller an das W3C stellen. Allerdings macht das W3C nicht jede Empfehlung auch direkt zum Standard. Und dennoch bauen Browser-Hersteller neue Module häufig in einem sehr frühem Stadium in die Browser ein. Das hat zur Folge, dass unter Umständen nicht alle Browser die CSS-Befehle gleich interpretieren oder überhaupt unterstützen. Für manche Eigenschaften gibt es sogar spezifische Erweiterungen, die nur von einem Browser unterstützt werden.

Daher ist es immer ratsam, das eigene Stylesheet in möglichst vielen, verschiedenen Browsern zu testen. Und zwar bevor du die Änderung in deine Website implementierst. Nur so kannst du sicherstellen, dass auch alles mit jedem Browser funktioniert.

Automatische Nummerierung von Überschriften

Mit CSS kannst du sehr einfach die Überschriften in einem Artikel auf deiner Webseite automatisch nummerieren lassen. In diesem Artikel zeige ich dir, wie das funktioniert.

 

Automatische Nummerierung von Überschriften mit CSS

Eine automatische Nummerierung der Überschriften ist vor allen Dingen dann sinnvoll, wenn du beispielsweise Tutorials auf deiner Website anbietest.… Weiterlesen

Navigationsmenü mit unterschiedlichen Farben

CSS bietet unglaublich viele Möglichkeiten, die eigene Website entsprechend zu gestalten. So ist es sogar möglich, Farben anhand der Position in einer Liste zu vergeben. Damit lässt sich zum Beispiel ein farbenfrohes Navigationsmenü mit unterschiedlichen Farben erstellen. Wie das funktioniert zeige ich im folgenden Artikel.… Weiterlesen

Unschärfe-Effekt mit CSS erzeugen

Mit CSS ist es möglich, einen Effekt zu erzeugen, der Text verschwommen darstellen lässt. Mit etwas Kreativität lässt sich dadurch ein netter Unschärfe-Effekt auf der eigenen Website erzeugen. Häufig stößt man bei diesem Effekt auch auf den englischen Begriff „blur“.

In diesem Artikel zeige ich dir, wie du dabei einen Blur-Effekt auf deiner Website selbst erzeugen kannst.… Weiterlesen

Zebrastreifen-Look für Tabellen

Mit ein wenig CSS Code kannst du automatisch eine Tabelle mit Zebrastreifen Look gestalten. Dies eignet sich besonders gut für lange Tabellen, die viele Einträge enthalten. In diesem Artikel zeige ich dir, wie das funktioniert.

 

Automatische Zebrastreifen für Tabellen

Um einzelne Reihen einer Tabelle farblich zu unterscheiden, müsste man eigentlich jede Reihe einzeln gestalten.… Weiterlesen

Scrollbalken in Webkit Browsern gestalten

Mit Hilfe von CSS kannst du speziell die Scrollbalken in Webkit Browsern gestalten. Dies funktioniert nicht nur farblich, sondern auch optisch ganz individuell. In diesem Artikel zeige ich, wie du die Scrollbalken des Browsers anders gestalten kannst.

Allgemeines

Bevor wir uns nun hinsetzen und die Scrollbalken optisch verändern, noch ein kleiner Hinweis ganz zu Anfang.… Weiterlesen

Ansprechende Überschriften mit CSS

Mit Hilfe von CSS lassen sich ansprechende Überschriften gestalten und zwar ganz ohne zusätzliche Grafiken. In nachstehendem Beispiel möchte ich diesen Effekt daher anhand eines Falt-Effektes vorstellen. Die verwendete Technik dahinter sind dabei die CSS-Shapes, die hier praktikabel umgesetzt werden.

 

Gefaltete Überschriften mit CSS

Dieses Beispiel wendet dabei die bereits genannte Technik der CSS-Shapes praktikabel an.… Weiterlesen