BaukastenHilfe24

BaukastenHilfe24 - Hier wird dir geholfen!

CSS-Lernkatalog_1

https://img.webme.com/pic/b/baukastenhilfe24/60473.png CSS-Lernkatalog: Teil  1


Dies ist der erste Teil unseres CSS-Lernkatalogs. Hier lernst du die Grundkenntnisse die du für CSS kennen solltest.

Was ist überhaupt dieses "CSS"?
CSS ist eine Gestaltungssprache für elektronische Dokumente. Mit CSS werden Gestaltungsanweisungen erstellt, die vor allem zusammen mit der Auszeichnungssprache HTML eingesetzt wird.

Wofür wird es im Homepage-Baukasten benutzt?
Im HpBk benutzt du CSS um einzelne Elemente zu gestalten oder auch, um ein ganzes Design zu erstellen.

-----------------------------------------------------------------------------------------------------------------------------

Vor -und Nachteile von CSS:


+ Deine Homepage funktioniert auch in alten Browsern (oder deren Versionen), welche normal nicht mehr Supportet werden.

- Der Nachteil von CSS ist, dass es von den Browsern manchmal uneinheitlich Unterstürzt wird. Wenn du z.B. etwas für den Mozilla Firefox programmierst, kann es sein das es im Internet Explorer nicht unterstützt wird.

Kommen wir nun zur Praxis. Ein CSS-Befehl ist wie folgt aufgebaut:

Grundprizip

#Variable{
Eigenschaft1: Wert1;
Eigenschaft2: Wert2;
Eigenschaft3: Wert3;
}

Beispiel für eine einfache Box

#deineBox{
width: 350px;
background-color: #eeeeee;
border: 1px solid #c9c9c9;
}



Dies ist unsere generierte Box.

Damit diese Box sichtbar wird und du in ihr schreiben kannst musst du folgenden Code im Quellcode deiner gewünschten Seite platzieren:

<div id="deineBox">Hier dein Text</div>
 

Erklärung von Eigenschaften:

width = die Breite eines Elements ( wird in px für Pixel angegeben, z.B 10px;)
height = die Höhe eines Elements
background-color = die Hintergrundfarbe eines Elements
border = der Rahmen eines Elements
border-radius = der Radius eines Rahmen (Abrundungen)
margin = Randabstand (wieviel Platz soll zwischen dem Element und einem zweiten Element sein)
padding padding Eigenschaften definieren den Raum zwischen der Elementgrenze und der Elementinhakt.


Kurz-Infos

Datumsausgabe
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=