Inline CSS ermöglicht Ihnen das Erstellen CSS-Stile in Ihren HTML-Code. Wenn Sie zuerst Ihre Drupal Thema, Sie Inline-CSS , um schnell das Layout zu verwenden, aber vor dem Verteilen Sie Ihr Thema , erstellen Sie eine separate CSS-Datei und verschieben Sie die Inline-CSS in HTML-Tags zu einem standardmäßigen externen CSS-Datei verwenden, um auch Ihre Thema des Layouts . Anleitung
1

der rechten Maustaste auf das Thema HTML-Datei und klicken Sie auf " Öffnen mit. " Klicken Sie auf Ihren bevorzugten HTML-Editor , um das Thema in Ihrem Code -Editor zu öffnen . Klicken Sie auf die Windows- Schaltfläche "Start" und geben Sie " Merkzettel " in das Suchfeld ein und drücken Sie "Enter". Jetzt haben Sie Ihre HTML- Thema und einen separaten Editor-Fenster , in dem Sie die CSS-Datei zu erstellen .

2

Suchen Sie den "body "-Tag. Dieses Tag enthält die Stile für die wichtigsten Inhalte in der Seite. Die Inline-Styles sind in der "style" -Eigenschaft der tag entfernt. Sie wollen diesen Stil kopieren und platzieren Sie es in der CSS- Datei, die Sie erstellen.
3

Kopieren Sie die Body-Style -Tag in die Editor-Fenster . Formatieren Sie den Stil für die CSS -Datei. Der folgende Code ist ein Beispiel für einen Körper CSS-Stil für ein externes Stylesheet formatiert :

body { background- color: gray; }
4

Weiter Zugabe jede Ihrer Inline-Styles aus die HTML-Datei zur CSS-Datei . Nachdem Sie die Konvertierung abzuschließen , speichern Sie die Datei mit einem Editor CSS -Erweiterung. Normalerweise sparen die Entwickler eine CSS-Datei als " styles.css . "
5

Verknüpfen Sie das neue Stylesheet innerhalb der HTML-Datei für das Thema . Fügen Sie folgenden Code in den Head-Abschnitt der HTML-Datei , die CSS zur HTML-Datei anwenden :

6

Speichern Sie die HTML-Datei und öffnen Sie sie in Ihrem Web-Browser , um die neuen CSS-Stile für das ihnen das Layout zu testen.