CSS - Grundlagen

 

CSS (Cascading Style Sheets) ist eine Stylesheet-Sprache f├╝r HTML. Das Ziel von CSS ist das Trennen des Aussehens der Seite vom Inhalt, welcher von HTML vorgegeben wird. CSS definiert das Aussehen, also die Farben, Textart und Gr├Â├če, Anordnung usw., HTML das Grundger├╝st und den Inhalt, siehe auch: HTML Grundger├╝st

CSS Aufbau

CSS-Regeln werden über einen Selektor auf bestimmte HTML-Tags angewandt. 

Als Beispiel k├Ânnen alle p-HTML-Tags:

<p>Text</p>

mit dem Selektor "p" eine bestimmte Eigenschaft bekommen, z.B. die Farbe blau:

p {
  color: blue;
}

color ist hier die Eigenschaft, blue der Wert.

class und id

Um die Auswahl der HTML-Tags genauer definieren zu k├Ânnen, werden meist zus├Ątzlich Klassen- oder ID-Selektoren verwendet.

Um bei dem Beispiel zu bleiben, k├Ânnen bestimmte HTML-Tags durch die Angabe einer Klasse ausgew├Ąhlt werden,┬áhier als Klassen-Name: "blauertext":

<p class="blauertext">Text</p>

Der "class"-Selektor kann in CSS durch das Verwenden eines vorangestellten "." ausgew├Ąhlt werden:

.blauertext {
  color: blue;
}

Neben den Klassen k├Ânnen auch IDs verwendet werden. IDs sind per Definition eindeutig und sollten entsprechend im HTML-Code nur einmal vorkommen, es sollte also nicht mehrere Elemente im HTML-Code mit der selben ID geben.

<p id="blauertext">Text</p>

Der "id"-Selektor kann in CSS durch das Verwenden eines vorangestellten "#" ausgew├Ąhlt werden:

#id {
  color: blue;
}

Analyse im Browser

Durch einen "Rechtsklick" im Browser und "Untersuchen", k├Ânnen der HTML-Sourcecode und die zugh├Ârigen Stylesheets angezeigt und f├╝r Testzwecke bearbeitet werden:

positive Bewertung({{pro_count}})
Beitrag bewerten:
{{percentage}} % positiv
negative Bewertung({{con_count}})

DANKE f├╝r deine Bewertung!

Ver├Âffentlichung: 27.07.2020 von Bernhard |­čöö | Kommentare:0

Ô×Ę Liste der HTML Standard Elemente : zul├Ąssige HTML5-Tags | Ô׎ HTML / CSS

Fragen / Kommentare


Inhaltsverzeichnis
  1. CSS Aufbau
  2. class und id
  3. Analyse im Browser
Seiten die auf diese Seite verweisen