CSS
Cascading Style Sheets ist eine Formatierungssprache für HTML
Wie wird CSS in HTML verwendet?
TRIGONmedia Infobox
Wir setzten auf moderne CSS-Standards. Unsere Webseite ist komplett in validem CSS 3.0 realisiert und dabei noch kompatibel zu älteren Standards. Überzeugen Sie sich selbst:
Mit CSS ist es möglich, bestimmten HTML-Elementen oder -Tags eine Formatierung zuzuordnen, dabei kann der entsprechende CSS-Code direkt als Attribut im Tag stehen ( style="..." ) oder ausgelagert werden. Der ausgelagerte CSS-Code kann dabei direkt im Head (<head></head>) der HTML-Datei oder in einer CSS-Datei stehen.
Eine CSS-Datei wird wie folgt eingebunden:
<link rel="stylesheet" type="text/css" href="pfadzurcssdatei.css">CSS-Code, welcher nicht direkt beim Tag steht, kann über das Attribut "class", "id" u,v.m. zugeordnet werden.
Wie funktioniert CSS?
CSS definiert auf einem HTML-Element, bestimmt Layoutwerte, wie Farbe oder Größe. Dabei steht zuerst der Name des Wertes, gefolgt von einem Doppelpunkt, danach kommt der eigentliche Wert gefolgt von einem Strichpunkt. Auf diese Art können beliebig viele Werte hintereinander gereiht werden.
Beispiel (CSS als style-Attribut in HTML):
<h1 style="text-align:center;color:red;font-size:20px;width:50%;">Überschrift</h1>
<p style="text-align:center;border:1px solid green;width:50%;">
Text in einem<br/>Absatz.
</p>
das Ergebnis sieht dann wie folgt aus:
Überschrift
Text in einem
Absatz.
Wie CSS korrekt angewendet wird, legt das W3C fest.
Weiterführende Links
Zurück
