CSS (Cascading Style Sheets) bietet eine Vielzahl von Eigenschaften, um den Text auf Ihrer Webseite zu gestalten. Mit CSS können Sie Schriftarten, Farben, Abstände und vieles mehr anpassen, um ansprechende und gut lesbare Texte zu erstellen.

Grundlegende Text-Eigenschaften

Hier sind einige grundlegende CSS-Eigenschaften zur Textgestaltung:

color: Legt die Textfarbe fest.
p {
color: #333;
}

font-family: Bestimmt die Schriftart.
p {
font-family: Arial, sans-serif;
}

font-size: Legt die Schriftgröße fest.
p {
font-size: 16px;
}

font-weight: Bestimmt die Schriftstärke (z.B. normal, bold).
p {
font-weight: bold;
}

text-align: Legt die Textausrichtung fest (z.B. left, center, right).
p {
text-align: center;
}

line-height: Bestimmt den Zeilenabstand.
p {
line-height: 1.6;
}

Beispiel für eine vollständige CSS-Datei zur Textgestaltung

Hier ist ein Beispiel für eine vollständige CSS-Datei, die verschiedene Text-Eigenschaften auf einer Webseite anwendet:

body {
font-family: Arial, sans-serif;
background-color: #f0f0f0;
}

h1 {
color: #333;
text-align: center;
}

p {
color: #666;
font-size: 16px;
line-height: 1.6;
}

.highlight {
background-color: yellow;
font-weight: bold;
}
In diesem Beispiel werden die Texte auf der Webseite mit verschiedenen CSS-Eigenschaften gestaltet, um ein ansprechendes und lesbares Layout zu schaffen.