Einführung in die CSS-Technologie

1. Einführung in die CSS-Technologie

CSS ist die Abkürzung für Cascading Style Sheet. Übersetzt als „Cascading Style Sheets“. Ist eine Auszeichnungssprache, die zur (erweiterten) Kontrolle über das Webseiten-Design verwendet wird und die Trennung von Stilinformationen vom Webinhalt ermöglicht. Mithilfe von CSS-Stilen können Sie viele Eigenschaften steuern, die mit HTML allein nicht gesteuert werden können. HTML ist eine Auszeichnungssprache. Wenn eine HTML-Webseite in einem Browser geöffnet wird, liest der Browser die HTML-Tags in der Webseite und rendert die Webseitenelemente gemäß den integrierten Analyseregeln. CSS (Cascading Style Sheets) bestimmt, wie der Browser die Darstellung von HTML-Elementen beschreibt. Mit anderen Worten: CSS sind die Regeln zur Beschreibung von HTML-Elementen. Die neueste Version von CSS ist CSS3. CSS kann die Schreibmethode je nach Verständnisfähigkeit verschiedener Benutzer vereinfachen und ist für alle Arten von Menschen gut lesbar.

CSS Cascading Style Sheets sind eine Reihe von Formatierungsregeln, die das Erscheinungsbild von Webinhalten steuern. Wenn Sie CSS zum Formatieren einer Seite verwenden, können Sie Inhalt und Präsentation trennen. Der Inhalt der Webseite (also der HTML-Code) befindet sich in der HTML-Datei selbst, während sich die CSS-Regeln, die die Darstellung des Codes definieren, in einer anderen Datei (einem externen Stylesheet) oder einem anderen Teil des HTML-Dokuments befinden ( normalerweise der Dateiheader). Mithilfe von CSS können Sie das Erscheinungsbild einer bestimmten Seite flexibler steuern, von der präzisen Layoutpositionierung bis hin zu bestimmten Schriftarten und -stilen.

CSS ermöglicht die Steuerung vieler Eigenschaften, die HTML allein nicht steuern kann. Beispielsweise können Sie für den ausgewählten Text unterschiedliche Schriftgrößen und Einheiten (Pixel, Punktgrößen usw.) festlegen. Die Schriftgröße kann über CSS in Pixeln festgelegt werden, was einen einheitlicheren Ansatz für das Seitenlayout und das Erscheinungsbild in mehreren Browsern gewährleistet. Zusätzlich zum Formatieren von Text können Sie CSS auch verwenden, um die Formatierung und Positionierung von Elementen auf Blockebene auf einer Webseite zu steuern. Sie können beispielsweise Ränder und Rahmen für Elemente auf Blockebene festlegen, Text um anderen Text herum schweben lassen und vieles mehr.

CSS-Formatierungsregeln bestehen aus Selektoren und Deklarationen, wobei Selektoren Begriffe sind, die Formatelemente identifizieren (z. B. p, h1, Klassenname oder ID), und Deklarationen zur Definition des Elementstils verwendet werden .

Der Hauptvorteil von CSS besteht darin, dass es praktische Aktualisierungsfunktionen bietet. Beim Entwerfen einer Website können Sie eine CSS-Stylesheet-Datei erstellen und dann alle Webseiten der Website mit der Stylesheet-Datei verbinden. Dadurch können Sie ganz einfach ein einheitliches Erscheinungsbild und einen einheitlichen Stil für alle Webseiten innerhalb der Website bereitstellen. Wenn ein Stilattribut aktualisiert wird, wird die Formatierung aller Webseiten, die diesen Stil verwenden, automatisch auf den neuen Stil aktualisiert, ohne dass er Seite für Seite geändert werden muss.

2, CSS-Eigenschaften, die häufig im Webdesign verwendet werden

Die Farbe des Textes oder Elements Farbe

Hintergrundfarbe Hintergrundfarbe

Hintergrundbild Hintergrundbild

Schriftart Schriftfamilie

Textgröße Schriftgröße

Listenstilliste

Mausstil Cursor

Randstil-Rand

Innenpolsterung Polsterung

Äußerer Rand