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.
Mit CSS hast du die Möglichkeit, ohne den Einsatz von Grafiken einen 3D Effekt für Texte zu erzeugen. Für normalen Lauftext ist das zwar ungeeignet, allerdings könnten beispielsweise Überschriften so mit einem netten 3D Effekt versehen werden.
In diesem Artikel zeige ich, wie das funktioniert.
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.
CSS bietet unglaublich viele Möglichkeiten, die eigene Website ansprechend 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 dir im folgenden Artikel.
Es ist im Grunde genommen ganz einfach möglich, verschiedene Tabreiter mit CSS zu erstellen. Dadurch lassen sich Inhalte leichter organisieren. Neue Unterseiten musst du außerdem nicht mehr erstellen. Der Betrachter kann dann ganz bequem per Registerreiter zu den verschiedenen Inhalten wechseln.
Ich zeige dir dazu in diesem Artikel, wie du Tabreiter mit CSS erstellen und in deine Website einbauen kannst.
Ein verschachtelter Verzeichnisbaum kann im Grunde genommen durchaus nützlich sein. Zwar kommt es natürlich auf den Einsatzzweck an, aber es gibt durchaus sinnvolle Möglichkeiten zur Anwendung. Dabei ist auch gar nicht schwer, einen verschachtelten Verzeichnisbaum zu erstellen. Du benötigst nicht einmal JavaScript dafür. CSS reicht hingegen völlig aus.
Wie das ganze Funktioniert, erkläre ich dir im Folgenden Artikel.
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.
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.
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.
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.
Mit Hilfe von CSS ist es möglich, auf einer Webseite ein nahezu perfektes Hintergrundbild darzustellen. Du kannst sogar automatisch das Hintergrundbild skalieren lassen.
In diesem Artikel zeige ich dir schließlich, wie du das mit CSS auch machen kannst.