Fertig
Klassen
Hier wird kurz erläutert, wie Klassen eingebunden werden. Außerdem findet sich hier eine Übersicht aller Klassen, die in diesem Projekt möglich sind.
Syntax
Markdown-Text wird in HTML umgewandelt. Dabei werden (unsichtbare) Tags erzeugt, die man mit Klassen versehen kann. Wird z.B. ein Text zwischen zwei Leerzeilen geschrieben, wird ein Absatz erzeugt, der im HTML in einem Paragraph-Tag <p>Absatz</p> steht. Dieser kann verschiedene Eigenschaften bekommen, wie Schriftgröße und -farbe.
Die Klasse wird an das Element mit {:, dann ein Leerzeichen und die Klassenbezeichnung (beginnt immer mit einem Punkt) .class und dann die andere geschweifte Klammer } angehängt.
Dies ist ein Absatz mit kleiner Schrift
Dies ist ein Absatz mit kleiner Schrift
{: .text-small }
Dies ist ein Absatz mit blauer Schrift
Dies ist ein Absatz mit blauer Schrift
{: .text-blue }
Hinweis: Wird eine Klasse an einen Absatz gehängt, muss die Klasse in die nächste Zeile (ohne Leerzeile dazwischen), wird die Klasse an einen Link oder einen Ausdruck gehängt wird, muss sie direkt dem Link oder Ausdruck folgen (ohne Leerzeichen dazwischen).
Es können aber auch einzelne Worte verändert werden.
> Farbe
Auch Links können mit Hilfe von Klassen ein anderes Aussehen erhalten.
> Links
CSS einbinden
Das Aussehen kann auch mit einem CSS-Schnipsel beeinflusst werden, der aufgrund seiner Einzigartigkeit eine eigene Klasse nicht rechtfertigt. Der Ausdruck lautet {: style="" }
Dies ist ein Absatz mit Schrift in der Farbe deeppink
Dies ist ein Absatz mit Schrift in der Farbe **deeppink**
{: style="color:deeppink;" }