Wie wende ich CSS an
Jetzt erklären wir euch wie ihr mit CSS arbeitet.
Unser Beispiel erklären wir am Content.
Zunächst müssen wir die Klasse angeben:
#content {
/*Mit der nächsten Angabe wird dem Webbrowser gesagt dass
das Design immer diese Position hat.*/
position: absolute;
/*Als nächstes Bestimmen wir den Wert top:; welcher
dem Webbrowser sagt, wie viel Abstand die Klasse von "Oben" haben soll.*/
top: 180px;
/* Es besteht die Möglichkeit das Design entweder mit einem Abstand
von links oder rechts zu positionieren.
In unserem Beispiel 50px von links.*/
left: 50px;
/*Natürlich muss der Content auch eine Weite haben*/
width: 1000px;
/*Die Höhe muss nicht angegeben werden, den sonst passt sich
der Content nicht dem Inhalt an*/
height: 500px;
/*Schriftgröße kann beliebig angepasst werden*/
font-size: 14px;
/*Auch die Schriftart kann angepasst werden*/
font-family: arial, sans ms;
/*Die Schrifftfarbe sollte gut lesbar sein*/
color: #fff;
/*Wir haben die Wahl zwischen Hintergrundbild - oder Farbe.
Für ein Hintergundbild wird eine Url benötigt*/
background-color: #000000;
background-image: url(http://myimages.de/backgrounds/img.jpg);
/*Zusätzlich umranden wir den Content*/
border: 1px solid #888888;
/*Da wir dem Content eine Höhe gegeben haben, muss der Inhalt
in ein scrollbares Feld*/
overflow: auto;
/*Zuletzt schließen wir die Klasse*/
}