CSS Eigenschaften - Cascading Style Sheets

CSS Hilfe - Was ist CSS?

Css oder ausgesprochen Cascading Style Sheets
ist eine Sprache zum Formatieren von HTML/XHTML-Elementen.
Sie wird vor allem zusammen mit HTML und XML eingesetzt
und legt dabei fest,
wie ein besonders ausgezeichneter Inhalt oder Bereich dargestellt werden soll.
Damit erreicht man ein über alle Seiten einheitliches Erscheinungsbild,
was für einen gelungenen Webauftritt besonders wichtig ist.
Natürlich lassen sich einzelne Tags auch direkt formatieren.
Entweder man bindet die formatierung direkt in der Seite ein
oder man erstellt eine seperate css-Datei und verlinkt diese nur.
Was ich persönlich für besser halte da man einiges an Platz im Quelltext
weniger hat.

------------------------------------------
Sofern ein direkter css Style in der Html Seite eingebunden wird,
gibt man den Style Type mit an, so wie hier zu sehen!
<style type="text/css">  </style>
Wenn die Formatierung von einer externen Seite kommt ,erstellt man eine .css - Datei und fügt nur die Formatierung dort ein.
Damit die Seite den Befehl erhält fügt man im HEADER im Metabereich folgendes ein.
<link rel="stylesheet" href="name.css" type="text/css">
---------------------------------------

Hier gibt es eine Liste für die CSS Eigenschaften/Property

LINK: Css Eigenschaften

CSS Generator

LINK: Generator

Block-Elemente

Block-Elemente erzeugen eine neue Zeile im Textfluß und können zum vorherigen und zum nachfolgenden Element einen größeren Abstand aufweisen. Sie sind im Textfluß somit immer untereinander angeordnet.
Block-Elemente können Text, Inline- und je nach Element auch weitere Block-Elemente enthalten.

Die folgenden Elemente gehören zu den Block-Elementen :
address, blockquote, div, dl, fieldset, form, h1-h6, hr, noframes, noscript, ol, p, pre, table, ul

center, dir, isindex, menu,

Inline-Elemente

Inline-Elemente erzeugen keine neue Zeile und sind im normalen Textfluß immer nebeneinander angeordnet. Es sei denn, sie sind zusammen breiter als das übergeordnete Element. Dann wird eine weitere Zeile eingefügt. Inline-Elemente dürfen Text und weitere Inline-Elemente aber in der Regel keine Block-Elemente enthalten.
Inline-Elemente teilen sich in ersetzende und nichtersetzende Elemente auf. Für ersetzende Elemente wie img, input und textarea kannst du Breite und Höhe angeben, für nichtersetzende Elemente wie em und span sind diese Eigenschaften unwirksam.

Die folgenden Elemente gehören zu den Inline-Elementen:
a, abbr, acronym, b, bdo, big, br, button, cite, code, dfn, em, i, img, input, kbd, label, map, object, q, samp, script, select, small, span, strike, strong, sub, sup, textarea, tt, var

basefont, font, s, u,

Positionierte Elemente

Positionierte Elemente werden mit der Eigenschaft position:absolute; erzeugt.
Sie werden aus dem normalen Textfluß entfernt und über die Elemente gelegt.
Die Eigenschaften top, left, right und bottom positionieren das Element relativ zum Rand der Seite, bzw. zum Rand des Eltern-Elements, wenn dieses absolut oder relativ (nicht aber statisch) positioniert ist.