CSS/Tutorials/Typographie

Aus SELFHTML-Wiki
< CSS‎ | Tutorials
Wechseln zu: Navigation, Suche

Informationen zu diesem Text

Lesedauer
4x30min
Schwierigkeitsgrad
einfach
Vorausgesetztes Wissen
Grundkenntnisse in
• HTML
• CSS

In diesem Tutorial lernen Sie, wie Sie Ihre Texte mit wenig Aufwand mit CSS ansprechend gestalten können. Dabei erlangen Sie einen ersten Einblick in die Grundlagen der Web-Typographie.

Web-Typographie basiert zwar auf den in Jahrhunderten entwickelten Grundsätzen der Druck-Typographie; da es im Webdesign aber keinen festgelegten Darstellungsbereich wie z.B. eine Doppelseite im Buchdruck gibt, treten Grundsätze wie der des vertikalen Rhythmus gegenüber anderen, im Folgenden erklärten, zurück.

  1. Schriftformatierung
    • Schriftgröße
    • Schriftart
    • Einbindung mit @font-face
    • Variable Fonts
  2. Textformatierung
    • Farben
    • text-decoration
    • text-transform
    • Füllungen und Konturen
      • Schatten und 3D-Effekte
      • Umriss
      • Neon
  3. Textausrichtung
  4. Spalten mit columns
  5. die korrekte Anwendung der Satzzeichen
  6. Layout (Makrotypografie)
    Gliederung der Webseite in
    • Überschriften
    • Zeilen
    • Spalten
    • Grafiken und Tabellen platzieren

Siehe auch


Weblinks[Bearbeiten]

Artikel[Bearbeiten]