Grundlagen von CSS - eine Einführung

CSS Grundlagen

HTML-Elementen können Eigenschaften zugewiesen werden wie diesem P-Element.

Ich bin ein P-Element. Ich habe einen Doppel-Rahmen (border: double;). Ich bin grün (background:#BBB051;), 400px Höhe (height:400px;) und 300px Breite (width: 300px;). Die Schriftfarbe ist blau (color:#000080). Dadurch habe ich besondere Eigenschaften, die die anderen P-Elemente nicht haben.

Der folgende Code steckt hinter dem besonderen Element.

<p class="quadrat">
Ich bin ein P-Element. Ich habe einen Doppel-Rahmen (border: double;). Ich bin grün (background:#BBB051;), 
400px Höhe (height:300px;) und 300px Breite (width: 300px;). Die Schriftfarbe ist blau (color:#000080). 
Dadurch habe ich besondere Eigenschaften, die 
die anderen P-Elemente nicht haben.
</p>

Wie du siehst, ist es dasselbe Quadrat, allerdings stehen die Style-Definitionen im Kopfteil der HTML-Datei. Dort wird eine Klasse namens "quadrat" definiert. Durch das Class-Attribut im P-Element wird die Definition im Kopfteil auf das P-Element angewendet.

style-Attribut im Kopfteil der HTML-Datei