- Damit wir unseren Websitebesuchern nicht die augen wegbrennen sollten wir unsere Website ein wenig Stylen
- Das machen wir mit CSS
- Cascading Style Sheets oder so
- Damit kann man "schönes" HTML schöner machen
- Wir haben Standartmässig sachen die so aussehen:
Selector { Attribute: Value; }- So können wir mehreren elemente mehrere verschiedene Styles zuweisen
- Das machen wir, wenn wir z.b. sachen aufeinander stacken wollen oder sowas
- Wir können z.b. auch verschiedene eigenschaften auf einmal anpassen, wenn wir das einfach untereinander in die selbe "klammer" einfügen
- Die CSS dokumente können wir auch in HTML einbinden (damit wir das dann auch nutzen können)
- Die "erste" option ist den
<link> tag zu nutzen:
<link rel="stylesheet" href="stylesheet.css">- SO wird das CSS aus einer anderen File importiert, mit der wir dann Global sachen stylen können
- Wenn uns das nicht reicht / wir das nicht machen wollen können wir auch mit den Style tags arbeiten
- So können wir z.b. einen
<h1> tag mit dem "style" argument erweitern:
<h1 style="color:green;">Lol</h1>- Oder wir können innerhalb zwei
<style> tags auch einfach "normales" CSS schreiben
- Klassenselektor und ID-Selektor
- Wir können mit dem "class" attribut oder mit dem "id" attribut dingen Identifier geben, mit denen wir dann suchen können
- Diese Selektoren fassen dann auf alles was diesen tag hat