BESTE WEBSITE FÜR WEBENTWICKLER

CSS Lernprogramm

CSS HOME CSS-Einführung CSS-Syntax CSS-Selektoren CSS-Anleitung CSS-Kommentare CSS-Farben CSS Hintergründe CSS Grenzen CSS Ränder CSS-Padding CSS-Höhe/Breite CSS-Box-Modell CSS-Gliederung CSS Text CSS Schriftarten CSS-Symbole CSS-Links CSS-Listen CSS-Tabellen CSS Display CSS Max-width CSS Position CSS Z-index CSS Overflow CSS Float CSS Inline-Block CSS-Ausrichtung CSS-Kombinatoren CSS-Pseudoklasse CSS-Pseudoelement CSS-Deckkraft CSS-Navigationsleiste CSS-Dropdowns CSS-Bildergalerie CSS-Bild-Sprites CSS-Attributselektoren CSS-Formulare CSS-Zähler CSS-Website-Layout CSS-Einheiten CSS-Spezifität CSS !important CSS-Mathefunktionen

CSS Advanced

CSS abgerundete Ecken CSS-Randbilder CSS-Hintergründe CSS-Farben CSS-Farbschlüsselwörter CSS-Verläufe CSS Schatten CSS-Texteffekte CSS-Webschriftarten CSS 2D-Transformationen CSS 3D-Transformationen CSS-Übergänge CSS-Animationen CSS-Tooltips Bilder im CSS-Stil CSS-Bildreflexion CSS-Objektanpassung CSS-Objektposition CSS-Maskierung CSS-Schaltflächen CSS-Paginierung CSS mehrere Spalten CSS-Benutzeroberfläche CSS-Variablen CSS-Box-Größe CSS-Medienabfragen CSS MQ-Beispiele CSS Flexbox

CSS Reaktionsschnell

RWD-Einführung RWD-Ansichtsfenster RWD-Rasteransicht RWD-Medienabfragen RWD-Bilder RWD-Videos RWD-Frameworks RWD-Vorlagen

CSS Grid

Grid Einführung Grid Container Grid Artikel

CSS SASS

SASS Lernprogramm

CSS-Beispiele

CSS-Vorlagen CSS-Beispiele CSS-Snippets CSS-Quiz CSS-Übungen CSS-Zertifikat

CSS-Referenzen

CSS-Referenz CSS-Selektoren CSS-Funktionen CSS-Referenz Aural CSS Web Safe Fonts CSS Animable CSS-Einheiten CSS PX-EM-Konverter CSS-Farben CSS-Farbwerte CSS-Standardwerte CSS-Browser-Unterstützung

CSS Unterricht für Anfänger

Ua En Es

CSS Syntax


Eine CSS-Regel besteht aus einem Selektor und einem Deklarationsblock.


CSS Syntax

CSS selector

Der Selektor zeigt auf das HTML-Element, das Sie formatieren möchten.

Der Deklarationsblock enthält eine oder mehrere durch Semikolons getrennte Deklarationen.

Jede Deklaration enthält einen CSS-Eigenschaftsnamen und einen Wert, getrennt durch einen Doppelpunkt.

Mehrere CSS-Deklarationen werden durch Semikolons getrennt und Deklarationsblöcke werden von geschweiften Klammern umgeben.

Beispiel

In diesem Beispiel werden alle <p>-Elemente mittig ausgerichtet und haben eine rote Textfarbe:

p {
  color: red;
  text-align: center;
}
Try it Yourself »

Beispiel erklärt

  • p ist ein Selektor in CSS (er zeigt auf das HTML-Element, das Sie formatieren möchten: <p>).
  • color ist eine Eigenschaft und red ist der Eigenschaftswert
  • text-align ist eine Eigenschaft und center ist der Eigenschaftswert

In den nächsten Kapiteln erfahren Sie noch viel mehr über CSS-Selektoren und CSS-Eigenschaften!


CSS — Syntax

Dieses Video ist eine kurze Einführung in die CSS-Syntax.

Teil einer Reihe von Video-Tutorials zum Erlernen von CSS für Anfänger!



Kommentare