CSS-Standard-Prozess

Cascading Style Sheet (CSS) Normen können Sie definieren Klasseneigenschaften und wenden Sie sie auf Ihren Webseiten. CSS-Code stellt Farben, Schriften und Layout Abschnitte Ihrer HTML-Seiten in Dateien, die vom Inhalt getrennt sind. Sie oder erstellen können eine externe CSS-Datei und die Datei verknüpfen, um Ihre Web-Seiten, die CSS-Klassen direkt in Ihre HTML-Head-Bereich.

Dateien

CSS-Dateien, die alle Ihre CSS-Klassen definieren Wenn Sie externe CSS-Dateien verwenden, müssen Sie nur einmal die Klassen einrichten. Wenn Sie eine CSS-Klasse ändern, werden die Änderungen auf alle Seiten gleichzeitig. Diese Norm CSS erleichtert das Layout der Website ändern.

Klassen

Die CSS-Klassen formatieren Sie das Layout Ihrer Webseiten. Klassen werden in der CSS-Datei, mit der "Körper"-Klasse am Anfang eingerichtet. Sie müssen die CSS-Klasse in das HTML-Tag-Eigenschaften verknüpfen. Beispielsweise die folgenden Code-Links eine Klasse namens "Myclass" zu einem "Div"-Container:

< Div Class = "Myclass" > meine Inhalte < / Div >

Jedes HTML-Element können Sie die Eigenschaft "Class" verwenden, um eine Klasse in der CSS-Datei verknüpfen.

Verknüpfung von

Sie müssen die CSS-Datei auf der Webseite verlinkt und dann verknüpfen Sie das Element mit der Klasse, die Sie verwenden möchten. Der folgende Code eingefügt in den Head-Bereich Links eine CSS-Datei in einer Webseite:

< href="styles.css link" Rel = "Stylesheet" Type = "Text/Css" >

In diesem Beispiel die "styles.css" Datei verweist in der HTML-Seite. Nachdem die Datei auf der Seite verlinkt, verknüpfen Sie die Klasse auf das HTML-Element. Zum Beispiel, wenn Sie verknüpfen möchten Bezeichnung ein Div-Container auf eine Klasse "Myclass", die folgenden Code-Links-Klasse auf das Div-Element:

< Div Style = "Myclass" >< / Div >

Überlegungen zur

CSS-Klassen sind globale Strukturen, beim Platzieren eines Hash-Tags vor dem Klassennamen. Wenn Sie eine globale CSS-Klasse erstellen, werden alle HTML-Elemente mit dem Namen in der Klasse geändert. Sie müssen dafür sorgen, dass Sie Klassen global zu ändern, wenn Sie die CSS-Datei bearbeiten möchten. Testen Sie Ihre Website-Code, bevor Sie eine neue CSS-Datei hochladen.