Zur Startseite gehen
0,00 CHF*
Kategorien
Lexikon
C
CSS

Lexikon: C

CSS
BCDEFGHIJKLMNOP RST W
Startseite | Inhaltsverzeichnis

CSS

CSS steht für "Cascading Style Sheets" und ist eine Stylesheet-Sprache, die verwendet wird, um das Aussehen und Layout von Webseiten zu beschreiben. Während HTML (Hypertext Markup Language) den Inhalt und die Struktur einer Webseite definiert, legt CSS das Design, die Farben, die Schriftarten, den Abstand und viele andere visuelle Aspekte fest.

Hier sind einige Kernpunkte zu CSS:

  1. Selektoren und Deklarationen: In CSS wählt man Elemente über sogenannte Selektoren aus und definiert für diese Eigenschaften durch Deklarationen. Eine Deklaration besteht aus einem Eigenschaftsnamen und einem Wert.

  2. Kaskadierung: Der Name Cascading Style Sheets kommt von der Art und Weise, wie Regeln angewendet werden: in einer "Kaskade". Das bedeutet, wenn mehrere Regeln für ein Element gelten könnten, hat eine spezifischere Regel Vorrang vor einer allgemeineren.

  3. Externe, Interne und Inline-Styles:

    • Externe Styles: CSS-Regeln werden in einer separaten .css-Datei definiert. Diese Datei wird dann in die HTML-Datei eingebunden.
    • Interne Styles: CSS-Regeln werden im style-Tag im head der HTML-Datei definiert.
    • Inline-Styles: CSS-Regeln werden direkt im HTML-Element im style-Attribut definiert.

  4. Responsive Design: Mit CSS kann man "responsive" Webseiten gestalten, die sich an verschiedene Bildschirmgrößen anpassen. Das wird oft mit Media Queries erreicht.

  5. Frameworks und Preprozessoren: Es gibt zahlreiche CSS-Frameworks (wie Bootstrap) und Preprozessoren (wie Sass oder Less), die es erleichtern, komplexe und gut strukturierte Stylesheets zu erstellen.

  6. Browser-Kompatibilität: Nicht alle Browser interpretieren CSS auf die gleiche Weise. Deshalb ist es wichtig, beim Entwickeln von Webseiten die Kompatibilität zu berücksichtigen und gegebenenfalls Fallbacks oder spezifische Regeln für verschiedene Browser bereitzustellen.

Zusammenfassend lässt sich sagen, dass CSS eine mächtige und unverzichtbare Technologie für Webdesigner und -entwickler ist. Es ermöglicht die Erstellung von visuell ansprechenden, konsistenten und adaptiven Webseiten für ein breites Spektrum von Geräten und Bildschirmgrößen.