Test der CSS-Klassen
Autor: René A. Da Rin,   Artikel erstellt: am 22.11.2021,   aktualisiert am 01.12.2021



Dieser Beitrag dient lediglich zum Test der hier individuell verwendeten CSS Klassen.

Dateiname

.dateiname

Hier wird der dateiname.php hervorgehoben. Verwendung als SPAN-Tag.

Pfad

.pfad

Darstellung eines Pfades. 1 Zeile im Block, Klasse dem Block zuweisen.

Macintosh HD > Benutzer > Benutzername > Filme > iMovie-Mediathek.fcpbundle

Befehlseingabe im Terminal

.terminalentry

Darstellung eines Pfades. 1 Zeile im Block, Klasse dem Block zuweisen.

Eingabe im Terminal: list dir exit run.

Darstellung Terminal

.terminalview

Darstellung mehrzeiliger Terminaleingaben.

load dir: user/rad/daten
list dir: user/rad/daten
print doc: info.txt
exit:

Hinweis

.hinweis

Das hier ist ein Hinweis.
Das ist die 2. Zeile.
Und das die Dritte.

Warnung

.warnung

Das hier ist eine Warnung.

Tipp

.tipp

Das hier ist ein Tipp.

Quellcode

.quellcode

Das hier ist Quellcode.

Ergebnis

.ergebnis

Das hier ist ein Ergebnis.

erztuzkjthrgefw

Zitat

mkpnjkighbijfv fuofi ftu Zitat

Zitat mit Einzug

nkobipgb gz8pogz8po Zitat mit Einzug
dffg errgegerger erf er erre ferrg ergh ethet erw gerw
regerg ethe.

Einzelne Wörter

Testblock: Programm.

Testblock: Einstellung.

Testblock: URL.

Testblock: VAR.

Testblock: Wert.

Testblock: Mass.

Testblock: applekeys.

Testblock: az-codefragment.

Menu: Menu

Testblock: info-grey-green-hw.

Testblock: info-grey-red-hw.

Testblock: Positiv.

Testblock: Negativ.

In diesem Text wird nun diverses getestet. Textmarker gelb und grün. Sowie blau. Hier ein Pfad: MacHD/User/radarin/bilder. Und da ein Programm oder eine Einstellung. Eine URL, eine Variable und ein Wert. Auch ein Dateiname.

Und hier eine verlinkte URL.

uziogzuo

mlpm hu9p gzuip ft7o fto7

vghoijh gzilo gz8uo ftuiz ftzougt8ot ftu

Eine URL

Darstellung CSS Code

.pre-css
ftuft7 vfgztu ffrtuz 
  scfvsfvsd
sdfvsfdvsf


fvbfsvsfbvfsdbvsf
sfbfdsbdfsdsvadsbdfbsdsdsd

sdvbsfbsfds

Darstellung HTML Code

.pre-html
ftuft7 vfgztu ffrtuz 
scfvsfvsd
sdfvsfdvsf


fvbfsvsfbvfsdbvsf
sfbfdsbdfsdsvadsbdfbsdsdsd

sdvbsfbsfds

Darstellung Blockquote Code

Zitat Gutenberg Originalblock fegre er

regerg reg rewwe grwrg
we gwegwer f
we gwerg wrg rw gerw
wrgwrgwrgwrg rg wrgrheth

by rad

Zitat Gutenberg Originalblock fegre er

regerg reg rewwe grwrg
we gwegwer f
we gwerg wrg rw gerw
wrgwrgwrgwrg rg wrgrheth

by rad

Info Green

.info-grün

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Red

.info-rot

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Blue

.info-blau

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Yellow

.info-gelb

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Info Grey

.info-grau

,kplü hu9ip gzuipöbhgzipuog gzio lgi bfgzuo gvzipgt ftrsdtzghjg cf cfrzgkfd zdrztkf d rcfuozzfgouzt drtzi dtf7o gziuol fdfctozi dridctziug tzu drtuf tzrd ctizdcfdr tdr6u d.

Titel 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Titel 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et

Schreibe eine Antwort

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre mehr darüber, wie deine Kommentardaten verarbeitet werden.