10. Oktober 2009 in CSS by Leo

Auf dem Lehrlings Blog will ich euch natürlich auch Sachen zeigen und vor allem Erklären, die ich selbst erst gerade, oder auch schon seit längerem gelernt habe. Dazu gehört zum Beispiel gerade CSS. Bei der Arbeit als Web Developer verwendet man CSS sehr häufig, da CSS entscheidet, wie die Sachen schlussendlich aussehen. Damit ist Farbe, grösse, Schriftart etc. gemeint. Hier nun also der erste Teil zu “CSS für Anfänger”, in welchem ich euch CSS etwas Näherbringe und natürlich hoffe das ihr es auch Versteht. Falls es Fragen gibt, könnt ihr mir diese gerne in den Kommentaren stellen.

CSS oder ausgeschrieben Cascading Style Sheets ist eine deklarative Stylesheet-Sprache für strukturierte Dokumente. Verwendet wird CSS vor allem natürlich mit HTML. CSS ist auch nach einem ganz bestimmten Muster aufgebaut, welches auch Regeln enthält.

CSS bestimmt z.B. den Body einer Homepage. Jede Homepage hat ja den <body>-Tag, welcher das ganze umschliesst. Diesen Tag (“body”) kann man im CSS nun verwenden, was so aussehen würde:


body {

background-color: #FFFFFF;

color: #000000;

font-size: 16px;

}

In diesem Code Ausschnitt wird nun der Body (also das gesamte Dokument) bestimmt. So ist die Hintergrundfarbe als Weiss und die Schriftfarbe Schwarz und 16px gross.

Aufgebaut ist das ganze sehr Simpel. Es beginnt mit dem Names der Klasse (Class), hier im Beispiel “Body”. Danach kommt eine geschweifte Klammer um das Element zu öffnen. In die geschweifte Klammer kommen dann die Attibute wie “Color”. Diese müssen immer so wie oben Aussehen. Das einzelne Attribut wird mit einem Semikolon beendet (“;”). Nach dem das ganze abgeschlossen ist, muss man zum Schluss noch die schliessende geschweifte Klammer setzen. Um das ganze schön und übersichtlich zu machen, werden die Attribute immer mit dem Tabulator nach innen gerückt. So verliert man die Übersicht nicht.