Bryan Albrecht

CSS3

CSS3 ist zum jetzigen Zeitpunkt [Juni 2015] die neuste Version von CSS.

Im Groben beinhaltet es das gleiche, wie die Vorgänger-Versionen. Diese Komponenten wurden zum grossen Teil in kleinere unterteilt.

Hinzugefügt wurden folgende Komponente:

  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Image Values and Replaced Content
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

Als Beispiel werde ich nun erklären, wie man ein Multiple Column Layout erstellt.

Das CSS dafür sieht wie folgt aus:

  • -moz-column-count: 3;
  • -moz-column-gap: 10px;
  • -webkit-column-count: 3;
  • -webkit-column-gap: 10px;
  • column-count: 3;
  • column-gap: 10px;

Die Zeilen, in welchen am Schluss "3;" steht, sind für die Anzahl Spalten zuständig.

Die Zeilen, in welchen am Schluss "10px;" steht, sind für den Abstand zwischen den Spalten zuständig.

Ebenfalls hinzugekommen sind die Media Queries, welche ich in einem anderen Tutorial erkläre.