Definition von CSS (Stylesheets)
Verschiedenes / / July 04, 2021
Von Guillem Alsina González, Sept. 2017
Der Stil, in dem die Texte und Komponenten von a Website, sowie der Satz von mehreren Seiten, können von jeder einzelnen unabhängig markiert werden oder von einem externen Element (einem anderen) abhängen Datei in denen Stile definiert sind), die wiederverwendet werden können. Dieses externe Element ist ein sogenanntes CSS-Stylesheet.
Ein CSS-Stylesheet (Cascading Style Sheets, Cascading Stylesheets) ist nichts anderes als eine Computerdatei, die Informationen enthält, um den visuellen Stil zu modellieren, der von Webseiten übernommen wird, wenn sie vom Browser gerendert werden.
Dazu muss das CSS-Stylesheet aus der HTML-Datei über a. aufgerufen werden Anweisung.
Dank der Trennung von Inhalt und Aspekt erhalten wir eine Abstraktion, die uns verschiedene Blickwinkel ermöglicht Freiheit.
Die erste ist, dass wir, wenn wir die Ästhetik einer kompletten Website ändern möchten, nur die Arbeitsblattdateien retuschieren müssen CSS-Stil, so dass bei Aufrufen dieser Dateien in den HTML-Seiten die ästhetische Formänderung stattfindet automatisch.
Ein weiterer Vorteil ist, dass die Autor der Inhalte können Sie sich auf sie konzentrieren, ohne sich ihres Layouts bewusst sein zu müssen, da dies durch die CSS-Dateien vorgegeben wird.
Das Stylesheet basiert auf einer Designsprache mit einer spezifischen und standardisierten Struktur, von dass das Stylesheet unabhängig von der Technologie ist, die die Webseite bedient und für die sie verwendet wird es rendern.
Dies liegt daran, dass das Web geräteunabhängig sein muss, sodass alle Server die gleichen Inhalte bereitstellen, und dass diese mit dem gleichen Endergebnis gerendert werden von irgendein Browser, unabhängig davon, ob einige Tools dies schneller als andere können und daher dem Benutzer eine bessere Leistung bieten Nutzername.
das gleiche Sprache Definition kann auch in jedem XML-Dokument verwendet werden (schließlich kann HTML nicht als Teilmenge von XML interpretiert werden).
Die Struktur der Sprache ist einfach, mit einer Reihe von reservierten Schlüsselwörtern, die sich auf Eigenschaften des Stils einer Seite beziehen, und mehreren Regeln für jede dieser Eigenschaften.
Ein einfaches Beispiel für ein CSS-Stylesheet wäre das folgende:
Körper {
h1 {Schriftfamilie: Helvetica, Genf, Arial,
SunSans-Regular, serifenlos}
}
Darin definieren wir einfach, wie der H1-Header der HTML-Dokumente, die wir schreiben und diesem Stylesheet unterliegen, sein soll. Dazu müssen die HTML-Seiten diesen Satz in der Sektion haben KOPF:
In welchem
Wir können auch die Layout-Anweisungen für den Stil in dieselbe HTML-Datei einfügen, die wir für die Seite verwenden, wodurch wir eine zusätzliche Datei sparen, aber dann verlieren wir die Vielseitigkeit, das Aussehen aller Seiten zu ändern, indem wir nur eine Datei bearbeiten müssen, da wir den gesamten HTML-Code ändern müssten genauso.
Die Sprache, in der die CSS-Stylesheets geschrieben sind, existierte bereits vor ihrer Genehmigung durch das W3C, eine Instanz, die für die Regulierung der im Web verwendeten Standards auf technischer Ebene zuständig ist.
Es wurde Mitte der 1990er Jahre zugelassen und ist seitdem ein Standard. unverzichtbar für den Einsatz auf großen Websites.
Foto: Fotolia - Stringer
Themen in CSS (Stylesheets)