delightfularts

Dies sind natuerlich nur ein paar von den Zahlreichen eigenschaften.
Ich denke sie werden ein paar von euch vielleicht etwas mehr klarheit verschaffen.

Schrifteigenschaften.

font-family:
gibt entweder eine Schriftart oder eine Schriftfamile an
Beispiel: font-family: Arial;

font-size:
dadurch kannst du die schriftgroeße belibig anpassen.
Beispiel: font-size: 10px;

font-style:
damit kannst du zumbeispiel deinen text kursiv machen.
Werte: Italic, normal -> Italic (Kursiv) normal (normal)
Beispiel: font-style: italic;

font-wight:
sorgt dafuer das dein text fett geschrieben wird.
Werte: bold, normal -> bold (fett) normal (normal)
Beispiel: font-wight: bold;




Texteigenschaften.

letter-spacing:
beschreibt dem anstand zwischen den einzelnen Buchstaben.
Beispiel: letter-spacing: 1px;

word-spacing:
beschreibt den abstand zwischen den einzelnen Worten.
Beispiel: word-spacing: 1px;

text-transform:
legt fest ob ein text groß/klein geschrieben sein soll.
Werte: lowercase, uppercase, none
lowercase (kleinschreibung) -> uppercase (großschreibung) -> none (keine transformierung)
Beispiel: text-transform: uppercase;

line-height:
dadurch wird die Zeilenhoehe festgelegt.
Beispiel: line-height: 5px;

text-shadow:
legt einen schatten um deinen Text.
Beispiel: text-shadow: #c0c0c0 1px 1px 1px;
#c0c0c0 ist die farbe die ihr nach belieben aendern koennt.

Außenabstaende.

margin:
ist der allgemeine abstand zu einem anderen Element.
Beispiel: margin: 5px;

margin-bottom:
ist der abstand zu einem Element unten.
Beispiel: margin-bottom: 5px;

margin-left:
ist der abstand zu einem Element links.
Beispiel: margin-left: 5px;

margin-right:
ist der abstand zu einem Element rechts.
Beispiel: margin-right: 5px;

margin-top:
ist der abstand zu einem Element oben.
Beispiel: margin-top: 5px;

Innenabstaende

Dies ist ganz nuetzlich wenn ihr euch eine Navigation basteln wollt damit der text in der ''hintergrundbox'' nicht so reingequetscht aussieht, der text hat quasi mehr feiraum xD oô !

padding:
ist der allgemeine innenabstand.
Beispiel: padding: 3px;

padding-bottom:
ist der innenabstand unten.
Beispiel: padding-bottom: 3px;

padding-top:
ist der innenabstand oben.
Beispiel: padding-top: 3px;

padding-left:
ist der innenabstand links.
Beispiel: padding-left: 3px;

padding-right:
ist der innenabstand rechts.
Beispiel: padding-right: 3px;

Rahmen

border:
ist der allgemeine rahmen.
Beispiel: border: solid 1px;

border-bottom:
ist der Rahmen unten.
Beispiel: border-bottom: solid 1px;

border-left:
ist der Rahmen links.
Beispiel: border-left: solid 1px;

border-right:
ist der Rahmen rechts.
Beispiel: border-right: solid 1px;


Verschiedene werte: solid, dotted, dashed, none
solid (durchgezogene linie), dotted (gepunktete linie), dashed (gestrichtelte linie), none (keine).

Rahmen in einer anderen farbe ?
Beispiel border-right: #000000 solid 1px;
Dann ist der Rahmen z.B. schwarz, je nach dem ^.^

Hintergrund.

background-color:
wenn in deinem Hintergrund nur eine farbe sein soll.
Beispiel: background-color: #000000;

background-image:
wenn du ein bild in deinem Hintergrund moechtest.
Beispiel: background-image: url('DEINE URL');