CSS = Cascading Style Sheets
CSS ist eine Formatierungssprache für maschinenlesbare Sprachen wie z.B. für HTML. Die Stylesheet Sprache dient zur Ausgestaltung des Erscheinungsbild von Websites und ist eines der wichtigsten und meistgenutzten Sprachen im Web.
Quelle: https://www.advidera.com/glossar/css/
Mit HTML wird die Struktur für den Inhalt einer Seite beschrieben. Der Browser verwendet seinerseits den integrierten Standardstil, um diese Struktur darzustellen, jedoch sollte man sich darauf nicht verlassen.
Für die Darstellung einer Webseite wird CSS benutzt. CSS beschreibt, wie der Inhalt dargestellt werden soll.
3.1 CSS in HTML einbetten
CSS ist nichts anderes als ein Element im HTML-Text. Der (Start-)Tag heißt <style> und wird zwischen den Start-Tag <head> und End-Tag </head> im Header eingefügt. Das Style-Tag benötigt ebenfalls ein Attribut (geben zusätzliche Informationen) mit dem Namen type, dass dem Browser vermittelt, welche Art von Stil verwendet werden soll.
3.2 CSS anwenden
Wie oben beschrieben haben wir ein <style>-Tag in den HTML-Code eingefügt. Innerhalb dieses Style Tags können wir nun die einzelnen Tags bearbeiten. In unserem Beispiel Code werden alle <h1>-Elemente ausgewählt. Die Schriftart (font-family), die Schriftgröße (font-size) und Schriftfarbe (color) werden hier verändert. Ebenfalls kann man einen Rahmen unter unter einem Element hinzufügen (border-bottom). Der untere Rahmen wird so gestaltet, dass er eine 2 Pixel breite durchgezogene blaue Linie ist. Neben den Überschriften werden ebenfalls die Absatz-Elemente angepasst und verändert. Nachdem wir alle Style Komponenten eingefügt haben, speichern wir die Webseite und laden sie neu. Daraufhin machen sich sehr schnell die Neuerungen durch CSS erkennbar.
Gehe weiter zu den Grundlagen in Bezug auf JavaScript.
Entwicklung verteilter Systeme 