Zum Hauptinhalt springen
seriousDesign.

CSS

Die rechte Hand von HTML

Beim Essen sagt man „Das Auge isst mit“. Das gleiche Prinzip gilt auch bei der Gestaltung der eigenen Website oder des eigenen Online Shops. Damit Nutzer nicht schnell das Interesse verlieren, sollte die Website oder der Online Shop ansprechend gestaltet und vor allem nutzerfreundlich sein. CSS bietet hier mehr Gestaltungsfreiräume als das reine HTML. Wobei CSS nicht allein existiert, sondern immer im Zusammenspiel mit HTML. HTML strukturiert die Inhalte in Absätzen, Tabellen u.ä. während CSS die gestalterische Umsetzung übernimmt.

CSS ist die Abkürzung für Cascading Style Sheets und bedeutet übersetzt gestufte Stilvorlagen. Es handelt sich um eine Programmiersprache aus den 1990er Jahren, um das Design verschiedener Dokumentenarten zu bestimmen. CSS gilt heute als die Standard-Stylesheet-Sprache im Web. Layout, Farben und Schriften von Websites und Online Shops lassen sich mit Hilfe von CSS in einfachem Quellcode darstellen, während der Inhalt unberührt bleibt. Es handelt sich also um Gestaltungsanweisungen, um die im Browser geöffneten Inhalte optisch ansprechend darzustellen.

So lassen sich mit Hilfe von CSS ähnliche Elemente wie Überschriften, Textblöcke oder Bilder zentral steuern und durch nur einen einzigen Befehl einheitlich formatieren. CSS ist dabei einfach im Umgang, sehr übersichtlich in der Darstellung und leicht zu erlernen. Mit CSS gestaltete Websites oder Online Shops haben zudem den Vorteil, dass sie bedeutend schnellere Ladezeiten vorweisen.

Eigenschaftengruppen von CSS

  • Animation (Animationen)
  • Background (Hintergrundgestaltung)
  • Border (Rahmengestaltung eines Elements)
  • Columns (Spalten)
  • Color (Farbe)
  • Dimension (Elementgröße)
  • Generated content (automatisch erstellter Inhalt)
  • Display: flex (erzeugt einfache Zeilen oder Spalten)
  • Display: grid (Elemente im Raster anordnen)
  • Font (Schrift)
  • Lists (Listen)
  • Margin (Abstand)
  • Outline (Rahmen ohne Platzbedarf)
  • Padding (innerer Abstand)
  • Paged media (drucken)
  • Table (Tabellen)
  • Text
  • Transform (CSS-Transformationen)
  • Transition (Übergänge zwischen CSS-Eigenschaften)
  • Visual (Positionierung)

Das hilft dir nicht weiter? Dann melde dich bei uns, wir helfen dir gern.

Ich habe die Datenschutzerklärung zur Kenntnis genommen. Ich stimme zu, dass meine Angaben und Daten zur Beantwortung meiner Anfrage und für Werbung über ähnliche Informationen und Dienstleistungen von seriousByte. elektronisch erhoben, gespeichert und verarbeitet werden. Hinweis: Sie können Ihre Einwilligung jederzeit für die Zukunft per E-Mail an info@seriousbyte.de widerrufen.