Sie sind hier: Startseite -> CSS-Grundlagen -> CSS-Einstieg -> CSS-Schreibweise

CSS-Grundlagen: CSS-Schreibweise

CSS-Schreibweise: wie geht man mit Code um

Die Vorteile von CSS sind besprochen, die problematische Nachteile, wenn man CSS direkt beim HTML-Code hinzufügt und damit nicht systematisch bearbeiten kann, auch und die Hacks sind besprochen worden. Dazu ist nun klar, dass man CSS optimalerweise in einer eigenen Datei bearbeitet und bei großen Projekten diese auch auf mehrere aufteilt.

Doch wie sieht der CSS-Code eigentlich aus, worauf ist zu achten. CSS kann wie folgt notiert werden:

margin: 0;
margin: 0px 20px 20px 0px;
color: #0000ff;
font-size: 14px;
width: 100%;

All diese Beispiele zeigen, dass als erstes der CSS-Befehl angeführt wird. Dieser wird durch einen Doppelpunkt abgeschlossen und dann folgen die Werte, wobei es je nach Befehl und Einsatzmöglichkeiten verschiedene Varianten geben kann. So steht in der ersten Zeile, dass der Abstand 0 Pixel groß ist und das gilt für alle Positionsangaben.

In der zweiten Zeile sind die Abstände für oben und links auf 0 Pixel gesetzt, rechts und unten haben einen Abstand von 20 Pixel zugewiesen bekommen. Entscheidend ist dabei, dass im Gegensatz zur ersten Zeile der Zusatz "px" für Pixel erforderlich ist, damit die Einstellung richtig übernommen werden kann.

Die dritte Zeile weist eine Farbe zu, hier wird der Farbwert mit "#" eingeleitet, der typischen Schreibweise von Farbwerten. Schließlich gibt es noch eine Einstellung für die Größe des Zeichensatzes und eine Prozentangabe für die Breite. Welches Element nun diese Breite haben soll, spielt aktuell keine Rolle, es hätte eine Spalte (div-container) oder ein Absatz (p-tag) sein können.

Ebenfalls interessant:

CSS-Vorteile

Informationen über den Einsatz von CSS und der Unterschied zur Formatierung mit den veralteten HTML-Befehlen.

CSS-Hack

Informationen über den Einsatz von CSS-Hacks, um Fehler der Browser zu vermeiden.

CSS einbauen

Informationen über die möglichen Wege, um den CSS-Code in die Webseite einzubauen.

[aktuelle Seite]

CSS-Schreibweise

Informationen über die richtige Schreibweise bei CSS-Befehlen zur Formatierung einer Webseite.

Soziale Medien

Wenn der Artikel gefallen und/oder geholfen hat, bitte teilen:

Zurück zum Hauptthema

Übersicht CSS-Einstieg

Startseite CSS-Grundlagen