Ich versuche euch hier mal möglichst einfach zu erklären, wie man die verschiedenen Textarten stylen kann.

Wie ihr wisst, gibt es ja 3 hauptsächlich bekannte Textarten:

fett
kursiv
unterstrichen

Und es gibt, wie ihr natürlich auch wisst , auch viele Möglichkeiten, den Textarten verschiedene Farben zu geben, und und und.

Erstmal erkläre ich euch die Befehle.
Um kursive Schrift zu stylen, nutzt ihr den Befehl "i" ( Englisch "italian" - Deutsch "kursiv").
Um fette Schrift zu stylen, nutzt ihr "b" ( Englisch "bold" - Deutsch "fett").
Für unterstrichene Schrift, ganz einfach "u" ( Englisch "underlined" - Deutsch "unterstrichen").
Und für durchgestrichene Schrift "s" ( Englisch "strike" - Deutsch "durchgestrichen").

Zunächst widmen wir uns der Farbgebung, am Beispiel von kursiver Schrift. Nehmen wir an, die kursive Schrift soll rot erscheinen, dann schreibt ihr:

i {
color: red;
}

Das sieht im Nachhinein dann so aus: kursiv.
Gar nicht so schwer, oder? ;)

Um die Farbe von fetter Schrift zu definieren, oder die Farbe von unterstrichener Schrift, geht ihr genau so vor. Natürlich schreibt ihr anstatt "i" dann den entsprechenden Befehl vor die geschweifte Klammer. Um andere Farben zu definieren, ist es am Sinnvollsten, den Hexcode dort einzufügen, wo jetzt noch "red" steht. Dafür schreibt ihr einfach "#HEXCODE".

Natürlich gibt es auch noch weitere Gestaltungsmöglichkeiten. Unsere kursive Schrift ist bis jetzt einfach nur rot. Nehmen wir an, ihr wolltet nun, dass eure kursive Schrift zusätzlich noch fett ist und einen Buchstabenabstand von 2 Pixeln hat? Dann schreibt Folgendes:

i {
color: red;
font-weight: bold;
letter-spacing: 2px;
}

Dann sieht eure Schrift so aus: k u r s i v.

Um die anderen Textarten so zu stylen, natürlich genau so vorfahren, nur wieder den entsprechenden Befehl ersetzen. :)

Es gibt weiterhin noch unendlich viele andere Möglichkeiten, eure Textarten zu stylen. Natürlich kann ich hier nicht alle erklären, aber schaut euch einfach mal um und erkundigt euch nach verschiedenen CSS-Befehlen, mit denen ihr euren Text verschönern könnt.
Das hier waren jetzt die Grundlagen und ich hoffe, dass euch das Tutorial hilft!


Liebe Grüße, Vany