iWeb

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

h1 {
     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
 
Copyright © Raffael K.
Diese Webseite wurde kostenlos mit Homepage-Baukasten.de erstellt. Willst du auch eine eigene Webseite?
Gratis anmelden