Als Web-Entwickler interessiert man sich immer dafür, wie fremde Webseiten umgesetzt wurden. Eine besonders schöne Schriftart, ein gut aussehender Farbverlauf – viele dieser Effekte werden mit CSS-Stilen umgesetzt. Wie finden Sie heraus, welche CSS-Regeln für ein bestimmtes Element auf einer Webseite gelten?
CSS, kurz für Cascading Stylesheets (deutsch etwa: ineinander geschachtelte Stilangaben), sorgt für das Aussehen von Webseiten. Wo genau die einzelnen Bereiche auf der Webseite positioniert werden, berechnet der Browser anhand des sogenannten Box-Modells.
CSS – diese Abkürzung wird oft in einem Atemzug mit HTML genannt, der Sprache für Webseiten. Das CSS einer Seite bestimmt, wie die Webseite in Ihrem Browser aussehen soll. Dazu werden einzelnen Elementen der Seite Stilangaben zugewiesen, und Firefox und Co. „zeichnen“ die Webseite dann so, wie angegeben.
Welchen Eindruck ein Text auf den Leser macht, das entscheidet nicht allein der Schreib-Stil. Auch die verwendete Schrift kann einen großen Einfluss darauf haben, wie gut ein Text lesbar ist. Schriftarten werden aber nicht nur zur Text-Formatierung eingesetzt, sondern sind auch ein gutes Mittel zur Verschönerung – zum Beispiel in dekorativen Überschriften.
Alle Farben am Monitor setzen sich aus einem Rot-, Grün- und Blau-Anteil zusammen. Durch Mischen lassen sich alle Farbtöne erzeugen. Für diese sogenannten RGB-Farben gibt es zwei verbreitete Schreibweisen. Mit Windows-Bordmitteln lassen sich hexadezimale Zahlen in dezimale konvertieren und umgekehrt – das hilft auch beim Wandeln von RGB-Farbwerten.
Farben, Schriftarten, Hintergrundbilder – alles, was eine Webseite schön anzusehen und leicht zu bedienen macht, ist Sache von CSS. Diese sogenannten Cascading Stylesheets sind Angaben in Textform, die Internet Explorer und Co. sagen, wie Überschriften, Hyperlinks oder auch Menü-Elemente auszusehen haben.
Welche Farben dominieren auf einem Bild? Die Antwort bietet ein kostenloser Onlinedienst, der hochgeladene Fotos analysiert und daraus eine Farbpalette der verwendeten Farben plus den passenden HTML/CSS-Farbcodes generiert.
