GRUNDWISSEN IN CSS
DIESE ANLEITUNG BEFINDET AKTUELL NOCH IN ARBEIT!
CSS (engl.: Cascading Style Sheets) ist keine Programmiersprache, sondern eine Stylesheet-Sprache für die Optik der Elemente.
Der große Vorteil ist, dass man die Einstellung in eine zentrale Datei (z.B. sytle.css) ablegt und von dort aus mit einer einzigen Änderung das Aussehen mehrerer Webseiten ändern kann. Die Einbindung dieser Stylsheet-Datei erfolgt im HTML-Code zwischen diesen Tags: <head></head>.
<link rel="stylesheet" type="text/css" href="meine.css">
Die verschiede Arten von Selektoren:
- Element-Sektoren (oder auch Tag -/Typsektor genannt). Alle HTML_Elemente eines bestimmten Typs.
p <p>
- ID-Sektor sind Elemene mit der entprechenden ID.
#meine-id <p id="meine-id">
- Klassen-Sektoren sind Elemente mit ensprechenden Klassen.
.meine-klasse <p class="meine-klasse">
- Attribut-Sektor sind Elemte mit entsprechendem Attribut
<style type="text/css">
input[type=password] { border-color: green; }
</style>
<input type="text" />
<input type="password" /> <!-- Rahmen wird grün -->
- Pseudoklassen-Selektoren, sind Elemente eines bestimmten Typs, welche sich in einem bestimmten Zustand befinden (Bsp.: Mauszeigen auf einem Hyperlink/Grafik).
a:hover <a>