Stile für WebSite anpassen

Ein Weg, die Stile einer Website anzupassen, ist mittels Website-Editor(siehe Bild). Den Website-Editor erreichen wir über das Dashboard durch klick auf Design>Website-Editor.

Wir können die folgenden 5 Stile bearbeiten: Typografie, Farben, Hintergrund, Schatten, Layout

Bild Stile bearbeiten

Layout

Für Layout wählen wir eine Inhaltsbreite und „Weite Breite“ von 1920px. Innenabstand unten und oben 0px und links und rechts 20px. Für die Block-Abstände wählen wir 1 rem.

Exkurs rem=r(wie root)+em: Die Einheit Pixel ist nicht flexibel. 16 Pixel sind immer 16 Pixel, ganz gleich, was um sie herum passiert.
Wenn jemand in seinem Browser die Schriftgröße verändert, weil er alles ein bisschen größer sehen möchte, reagieren Texte, bei denen die Schriftgröße in Pixel angegeben ist, nicht auf diese Einstellung. Ist die Schriftgröße in em oder rem angegeben, skaliert der Text. Die Einheit rem bezieht sich auf das html-Root-Element, em bezieht sich auf den nächsthöheren Container.

Farben

Für die Farben wählen wir die Palette Standard. Für die individuellen Farben nehmen wir:
ORANGE=#FFA500
GREEN=#008000
RED=#FF0000
BLUE=#0000FF

Typografie

Für die Typografie wählen wir die 3-te von 8 Varianten: Fira Code(1 Variante) & Vollkorn(2 Varianten).

Kommentare

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert