Heim > Artikel > Web-Frontend > Was ist ein CSS-Stylesheet? Ausführliche Erläuterung von Beispielen für CSS-Stylesheets

Was ist ein CSS-Stylesheet? Ausführliche Erläuterung von Beispielen für CSS-Stylesheets

零下一度Original: 2017-06-16 14:52:322992Durchsuche

Was ist ein Stylesheet?

CSS ist die Abkürzung für Cascading Style Sheet. Übersetzt als „Cascading Style Sheets“. Ist eine Auszeichnungssprache zur (erweiterten) Kontrolle über Webseitenstile und ermöglicht die Trennung von Stilinformationen vom Webinhalt.

So fügen Sie Ihrer Webseite ein Stylesheet hinzu

Sie können Ihrer Webseite auf die folgenden drei Arten ein Stylesheet hinzufügen. Die Stildefinition, die dem Ziel am nächsten liegt, hat eine höhere Priorität. Ein Stil mit hoher Priorität erbt die nicht überlappenden Definitionen des Stils mit niedriger Priorität, überschreibt jedoch die überlappenden Definitionen. Ausnahmen siehe wichtige Erklärung.

Verknüpfung mit einem Stylesheet

Sie können zunächst eine externe Stylesheet-Datei (.css) erstellen und dann das HTML-Linkobjekt verwenden. Ein Beispiel lautet wie folgt:

<head>
<title>title of article</title>
<link rel=stylesheet href="www.dhtmlet.com/rainer.css" type="text/css">
</head>

In XML sollten Sie es im Deklarationsbereich hinzufügen, wie im folgenden Beispiel gezeigt:

<? xml-stylesheet type="text/css" href="www.dhtmlet.com/rainer.css" ?>>

Definieren Sie ein internes Stilblockobjekt (Einbettung). ein Style-Block)

Sie können ein 812f7be0e9ba70c6f2a66273c3c04692...a2d87b9af1e305217ec9648d1e8a0a47-Tags in Ihr HTML-Dokument einfügen. Informationen zu Definitionsmethoden finden Sie in der Stylesheet-Syntax. Ein Beispiel lautet wie folgt:

<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>

Bitte beachten Sie, dass die Einstellung des Typattributs des Stilobjekts hier auf „text/css“ es Browsern, die diesen Typ nicht unterstützen, ermöglicht, das Stylesheet zu ignorieren.

Inline-Stile

Inline-Definition besteht darin, das Stilattribut des Objekts innerhalb des Markups des Objekts zu verwenden, um die darauf anwendbaren Stylesheet-Attribute zu definieren. Ein Beispiel lautet wie folgt:

<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>

Stylesheet-Syntax (CSS-Syntax)

Selector { property: value }
Parameterbeschreibung:
Selector – Selector
Eigenschaft: Wert – Stylesheet-Definition. Eigenschaften und Eigenschaftswerte werden durch einen Doppelpunkt (:) getrennt. Definitionen werden durch Semikolons (;) getrennt

Der „Inherit“-Wert)

Jede Eigenschaft hat einen angegebenen Wert: Inherit. Das bedeutet: Den Wert des übergeordneten Objekts mit dem Computerwert gleichsetzen. Dieser Wert steht in der Regel nur als Backup zur Verfügung. Eine explizite Deklaration kann zur Hervorhebung verwendet werden.

CSS ist die Abkürzung für Cascading Style Sheet. Übersetzen Sie Cascading Style Sheets, Combined Style Sheets usw.
Geben Sie mir ein Beispiel. Tabellen oder Divs sind beispielsweise die Bausteine eines Hauses und werden verwendet, um das Gerüst der gesamten Website einzurichten. Und CSS ist die Dekoration des Hauses. Eine Website ohne Politur ist hässlich.
Normalerweise verwenden wir CSS, um die Farbe, den Text usw. der Website zu ändern.
Wenn Sie mehr über CSS erfahren möchten, können Sie online suchen. Es gibt viele davon online. Ich erzähle Ihnen nur aus meiner Praxis. Abschließend möchte ich nur sagen, dass Stil und Rahmen untrennbar miteinander verbunden sind.

Das obige ist der detaillierte Inhalt vonWas ist ein CSS-Stylesheet? Ausführliche Erläuterung von Beispielen für CSS-Stylesheets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Allgemeine Beispiel-Tutorials für CSS mit gepunkteten LinienNächster Artikel：Allgemeine Beispiel-Tutorials für CSS mit gepunkteten Linien

In Verbindung stehende Artikel

Mehr sehen