learnCSS
CSS
Wozu CSS?
Mit CSS können Sie ihre Webseite designen. So können Sie zum Beispiel Schriftfarbe, Hintergrundfarbe, Größen, Positionen verändern
CSS verwenden
Mit CSS beschreiben Sie wie die einzelnen HTML-Tags zum Beispiel <h1></h1>, aussehen sollen. Um allerdings ein bestimmtes Tag anzusprechen kann man den Tags auch Namen geben, zum Beispiel: <h1 id="ueberschrift"></h1>.Diese "id" würde man in CSS mit #ueberschrift {} ansprechen. Alles was Sie zwischen die {} schreiben, wird für dieses Tag übernommen.
Zusätzlich gibt es noch "class". <h1 class="erste ueberschrift"></h1>. In diesem Fall befindet sich das Tag jetzt in der Klasse: erste....und in der Klasse: ueberschrift. Somit kann ich definieren, dass "ueberschrift" rot dargestellt wird..und "erste" unterstrichen wird. Dann werden beide übernommen.
CSS einfügen
CSS können Sie auf verschiedene Arten in ihre Webseite einbinden: Genaueres dazu
Sie können auch auf der HTML-Seite direkt schreiben, einfach im Quelltext/Quellcode <style></style>
Oder direkt im Tag mit style=" ".
Im Homepage-Baukasten wird CSS unter Design einstellen...erweiterte Einstellungen...CSS-Code ohne Style Tags eingefügt.
CSS schreiben
color: red;
text-decoration: underline;
}
Hier wird jedes h1 Tag angesprochen, dass heißt, jedes h1 ist jetzt: Schriftfarbe rot, und unterstrichen!
Mehrere Tags gleichzeitig können Sie so ansprechen:
h1,h2,h3,h4,h5,h6 {
}
id spricht man so an:
#name {
}
class spricht man so an:
.name {
Weitere Befehle finden Sie auf unserer Befehlsliste und das Thema Positionierung finden Sie hier