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

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

零下一度

Freigeben： 2017-06-16 14:52:32

Original

3076 Leute haben es durchsucht

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>

Nach dem Login kopieren

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" ?>>

Nach dem Login kopieren

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

Sie können ein -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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!