Sie sind hier: Startseite -> CSS-Grundlagen -> Textformatierung

CSS-Grundlagen: Textformatierung

Textformatierung: einheitlich und effizient

Der wesentliche Faktor beim Umstieg von der alten HTML-Technik zur CSS-Programmierung besteht darin, dass man mit CSS hunderte, ja tausende Unterseiten mit einer einzelnen CSS-Datei manipulieren kann und dass dies gerade bei der Textformatierung recht häufig vorkommen kann.

Man stelle sich folgendes Szenario vor: die gesamte Webseite hat 100 Unterseiten und auf jeder der Unterseiten ist festgelegt worden, dass die Schriftart Arial sein soll. Nun verändert sich aber das Unternehmen, es kommt ein neues Logo und die Arial passt nicht mehr. Man möchte jetzt auf Verdana umsteigen.

Das ist technisch jetzt kein Problem, weil HTML das beherrscht, aber praktisch ist es ein riesiges Problem, weil man auf allen 100 Seiten diese Veränderung vornehmen muss. Dabei hat man vielleicht sogar noch Glück gehabt, es hätten ja auch 1.000 Seiten sein können....

Über die zentrale CSS-Formatierung gelingt es, die Programmierung vom Layout zu trennen. Externe, per Link inkludierte, CSS-Dateien beinhalten alle wesentlichen Faktoren des Layouts und damit auch der Textgestaltung. Gerade die Textgestaltung ist ein wichtiges Ausdrucksmittel, um die Informationen in der gewünschten Weise den Leserinnen und Lesern einer Webseite mitteilen zu können.

Daher gibt es auch einige Einstellungsmöglichkeiten, wie man Text, Überschriften und dergleichen formatieren kann. Auf den nachfolgenden Seiten werden diese Techniken vorgestellt.

Übersicht der Unterseiten

Schriftart

Informationen über den CSS-Befehl font-family und die Möglichkeit, mittels CSS die Schriftart vorzugeben.

Schriftgröße

Informationen über den CSS-Befehl font-size, mit dem sich die Schriftgröße des Textes oder der Überschriften auf einer Webseite festlegen lassen.

Schriftstil

Informationen über den CSS-Befehl font-style, mit dem in CSS der Schriftstil festgelegt werden kann.

Fettschrift

Informationen über den CSS-Befehl font-weight, mit dem in CSS die Fettschrift eingestellt und formatiert werden kann.

Schriftvariante

Informationen über den CSS-Befehl font-variant, mit dem man Text als Kapitälchen darstellen lassen kann.

Zeichenabstand

Informationen über den CSS-Befehl letter-spacing, durch den man den Zeichenabstand im Text einstellen kann.

Wortabstand

Informationen über den CSS-Befehl word-spacing, wodurch sich der Abstand zwischen den Wörtern mit CSS definieren lässt.

Textdekoration

Informationen über den CSS-Befehl text-decoration, mit dem die Textdekoration mit CSS ermöglicht wird, beispielsweise unterstreichen oder durchstreichen.

Textumwandlung

Informationen über den CSS-Befehl text-transform, durch den ein Text in Großbuchstaben oder Kleinbuchstaben umgewandelt werden kann.

Textfarbe

Informationen über den CSS-Befehl color, durch den die Textfarbe mittels CSS bestimmt werden kann.

Textschatten

Informationen über den CSS-Befehl text-shadow, durch den eine Schattierung eines Textes möglich wird.

Produktsuche

Was brauchen Sie?

Ein Vorteil von Amazon besteht darin, dass es Millionen Produkte gibt, die man auch sehr gut im Preis und Angebot überprüfen kann. Ob man nun Sport betreiben möchte oder ein Kochbuch sucht - man wird fast immer fündig. Mit der nachstehenden Suche können Sie sehr schnell das aktuelle Angebot durchsuchen. Einfach den gewünschten Suchbegriff eingeben und auf den Suche-Button klicken.


Soziale Medien

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

Themenliste:

Zurück zum Hauptthema

Übersicht CSS-Grundlagen