So fügen sie eine css-datei in html hinzu

Hypertext Markup-Sprache (HTML) definiert, was die verschiedenen Teile einer Webseite sind. Die kaskadierende Stilblätter (CSS) Codiersprache beschreibt, wie diese Teile aussehen sollten. Eine CSS-Datei kann zu HTML als externes Stylesheet hinzugefügt werden, wobei CSS in einer separaten Datei aus dem HTML enthalten ist, oder ein internes Stylesheet, CSS, das in der HTML-Datei enthalten ist. Erfahren Sie, wie Sie eine CSS-Datei in HTML hinzufügen, um Ihre Website-Design anpassen zu können.

Schritte

Methode 1 von 2:
Fügen Sie einem HTML ein externes Stylesheet hinzu
  1. Bildtitel Hinzufügen einer CSS-Datei in HTML-Schritt 1
1. Erstellen Sie die CSS-Datei. Bereiten Sie Ihre CSS-Datei mit der ".CSS" Dateityp.
  • Bildtitel Hinzufügen einer CSS-Datei in HTML Step 2
    2. Laden Sie Ihre CSS-Datei auf Ihre Website hoch.
  • Bildtitel Hinzufügen einer CSS-Datei in HTML Step 3
    3. Kopieren Sie die URL Ihrer CSS-Datei. Die URL könnte aussehen deine Seite.com / stylesheet.CSS.
  • Es ist ein gutes Formular, um den Hauptdomänennamen aus dem Link (URL) zu entfernen (URL). Daher eine URL von "http: // mysite.COM / CSS / Default.CSS" würde verkürzt werden "/ CSS / Standard.CSS". Sie müssen diesen führenden Slash einschließen ("/"). Dies wird als relativer Pfad bezeichnet.
  • Bildtitel Hinzufügen einer CSS-Datei in HTML Step 4
    4. Fügen Sie einen Link zur Datei hinzu. Finden Sie den THETAG in Ihrer HTML-Datei und erstellen Sie eine leere Linie direkt über dem Tag. Hinzufügen
    zu dieser leeren Linie, wechseln "Ihre..." Zum Link zu Ihrer CSS-Datei.
  • Bildtitel Fügen Sie eine CSS-Datei in HTML Schritt 5 hinzu
    5. Speichern Sie Ihre HTML-Datei und laden Sie es auf Ihre Website hoch.
  • Bildtitel Hinzufügen einer CSS-Datei in HTML Step 6
    6. Stellen Sie sicher, dass alles auf Ihrer Website aussieht, wie es aussehen soll. Wenn dies nicht der Fall ist, müssen Sie möglicherweise möglicherweise zurückkehren und nach Korrekturen oder Anpassungen suchen, die Sie benötigen.
    • Methode 2 von 2:
    Fügen Sie einem HTML ein internes Stylesheet hinzu
    1. Erstellen Sie das Tag. Finden Sie in Ihrer HTML-Datei den THETAG. Fügen Sie ein paar zusätzliche Zeilen darüber hinzu und geben Sie Folgendes ein:
    Bildtitel Hinzufügen einer CSS-Datei in HTML Step 7
    1. Bildtitel Fügen Sie eine CSS-Datei in HTML Step 8 hinzu
      1. Fügen Sie alle Ihre CSS zwischen diesen beiden Tags hinzu, die Sie gerade hinzugefügt haben.
    2. Bildtitel Hinzufügen einer CSS-Datei in HTML Step 9
      2. Speichern Sie Ihre HTML-Datei (als HTML).
    3. Bildtitel Hinzufügen einer CSS-Datei in HTML Step 10
      3. Stellen Sie sicher, dass Ihre Webseite so aussieht, als sei es aussieht. Änderungen nach Bedarf vornehmen, wenn dies nicht der Fall ist.

    Tipps

    Überprüfen Sie immer das Erscheinungsbild Ihrer Website in verschiedenen Webbrowsern und auf verschiedenen Computersystemen. Einige Browser-Internet-CSS sind ein bisschen anders, auch zwischen denselben Browser-Mac- und Windows-Editionen. Wenn Ihre Website in verschiedenen Browsern anders aussieht, insbesondere in der Funktionsweise bestimmter Objekte wie Listen sind das Problem die Browser-Standardeinstellungen. Finden Sie ein Master-Stylesheet, um den Anfang Ihres CSS hinzuzufügen, um alle Browser-Standards zu überschreiben, sodass Ihre Einstellungen nicht zu allem hinzufügen, dass der Browser bereits eingerichtet ist.
  • Wenn Sie die Option haben, verwenden Sie ein externes Style-Blatt. Dabei können Sie das Site-Erscheinungsbild anpassen, indem Sie den Code in der benannten Datei ändern, anstatt den CSS auf jeder Seite in Ihrer Site zu ändern.
  • Wenn Ihre Website nicht auf Ihre CSS wie erwartet antwortet, überprüfen Sie Ihren Code, um sicherzustellen, dass Sie keine Details vergessen haben. Besonders achten Sie auf die Semikolons ("-") und Schließen von Pfeilhalterungen ("}"). Es ist nicht ungewöhnlich, einen in Ihrem CSS zu verpassen.
  • Wenn Sie die HTML-Datei auf Ihrem Computer speichern, können Sie diese Datei in Ihren Webbrowsern öffnen, um das Erscheinungsbild auf Ihrem Computer vor dem Hochladen zu überprüfen, aber Sie müssen sich wahrscheinlich in der HTML-Datei für Ihr CSS als internes Stylesheet haben das Erscheinungsbild zu laden.
  • Wenn sich ein Stilblatt sich widerspricht - zum Beispiel, wenn es zuerst sagt, dass Text blau und später sagt, dass es rot ist - der spätere Zustand wird immer gelten. Wenn sich ein Befehl in einem externen Stilblatt befindet, und der andere in einem internen Stylesheet ist, gilt der interne.

    • Warnungen

    Nicht benutzen "im Einklang" CSS, CSS, das in das HTML-Tag enthalten ist. (Zum Beispiel: das "Richten = `Mitte`" ist Inline-CSS.) Es ist veraltet, schlechte Syntax und schwierig anpassen, wenn Sie die Website später aktualisieren müssen.
    In Verbindung stehende Artikel