Neueste Web-Entwicklung Tutorials
 

CSS Einführung


Was ist CSS?

  • CSS steht für Cascading Style Sheets
  • CSS beschreibt , wie HTML - Elemente sind auf dem Bildschirm, Papier angezeigt zu werden, oder in anderen Medien
  • CSS spart eine Menge Arbeit. Es kann das Layout von mehreren Web-Seiten steuern auf einmal
  • Externe Stylesheets werden inCSS - Dateiengespeichert

CSS Demo - Eine HTML-Seite - Verschiedene Stile!

Hier werden wir eine HTML-Seite zeigen, mit vier verschiedenen Stilvorlagen angezeigt. Klicken Sie auf den "Stylesheet 1", "Stylesheet 2", "Stylesheet 3", "Stylesheet 4" Links unten die verschiedenen Stile zu sehen:


Warum Verwenden Sie CSS?

CSS verwendet Stile für Ihre Web-Seiten zu definieren, einschließlich Design, Layout und Variationen in der Anzeige für verschiedene Geräte und Bildschirmgrößen.


CSS Gelöst ein großes Problem

HTML wurde nie für die Formatierung einer Webseite enthalten Tags bestimmt!

HTML erstellt wurde , den Inhalt einer Web - Seite zu beschreiben, wie:

<h1> Dies ist eine Überschrift </h1>

<p> Das ist ein Absatz. </p>

Wenn Tags wie <font> und Farbattribute der HTML 3.2 - Spezifikation hinzugefügt wurden, begann sie ein Alptraum für Web - Entwickler. Entwicklung von großen Websites, wo Schriften und Farbinformationen zu jeder einzelnen Seite hinzugefügt wurden, wurde ein langer und teurer Prozess.

Um dieses Problem zu lösen, das World Wide Web Consortium (W3C) erstellt CSS.

CSS entfernt, um die Formatierung von der HTML-Seite!


CSS spart eine Menge Arbeit!

Die Style - Definitionen werden in der Regel in externen gespeichert .css - Dateien.

Mit einem externen Stylesheet-Datei können Sie das Erscheinungsbild der gesamten Website mit nur einer Datei zu ändern ändern!