Wie Sie ein Farbschema mit CSS ändern

October 7

CSS oder Cascading Style Sheets, ist eine Skriptsprache zur Erstellung von Layout und Design für Web-Seiten. Dieser Code kann auf der Webseite oder in einem separaten Stylesheet enthalten sind. Um ein Farbschema ändern, können Sie die Farben von Schriften, Hintergründen und Rahmen mit CSS ändern. Sie können dies alles in einem Text-Editor tun. Sie benötigen eine Farbauswahl, neue Farben zu wählen, wie die Farben für das Web in Hex-Code oder einen sechsstelligen Kombination aus Buchstaben und Zahlen ausgedrückt werden. Wenn Sie Grafiksoftware haben, muss es eine Farbauswahl. Andernfalls können Sie sie kostenlos im Internet finden.

Anweisungen

1 Öffnen Sie die Webseite im Text-Editor von \"File\ gonna" dann \"Open.\"

2 Überprüfen Sie die Web-Seite für Inline-CSS-Code. Inline-CSS-Code erscheint zwischen < Stil >< / style > in den HEAD-Tags am Anfang Ihrer Seite oder innen-Tags als Stil = \ "\".

3 Alle Elemente mit einem Hex-Code im CSS abklappern Sie, sobald Sie es in Ihre Webseite gefunden. Diese Elemente werden \"background,\" \"color,\"oder \"border\". Z. B. \"background\", das den Hintergrund einer Webseite steuert, kann haben ein Hex-Code zugeordnet wie folgt:

Körper {}Hintergrund: #000000GEHEN}

oder

< Div Style = \ "Hintergrund: #000000; \" >.

4 Ersetzen Sie den Hex-Code, mit der Farbe Ihrer Wahl. Der Hex-Code ist #000000 im obigen Beispiel. Dies ist schwarz. Öffnen Sie Ihre Farbauswahl zu, und wählen Sie die gewünschte Farbe aus, die Sie verwenden. Kopieren Sie diesen Code im Feld Hex. Es kann oder kann nicht die # sowie kopieren; Falls nicht können Sie es hinzufügen nachdem Sie einfügen im Code. Wählen Sie den Hex-Code zu ersetzen, und fügen den neuen Code an seinem Platz. Um mit kastanienbraun #000000 zu ersetzen, würden Sie beispielsweise den Code #800000 an seiner Stelle einfügen.

5 Öffnen das externe Stylesheet im Zusammenhang mit Ihrer Website in Ihrem Texteditor. Dies wird eine Datei Endung in CSS sein. Wiederholen Sie Schritt 4 für jeden Hintergrund, Farbe oder Grenze Erklärungen in diesem Stylesheet.

6 Speichern Sie Ihre Webseite und Stylesheet.

Tipps & Warnungen

  • Notieren Sie alle Hex-Codes, die Sie als zukünftige Referenz verwenden. Es gibt viele Farben und Sie erinnern sich vielleicht nicht die, die Sie später wählen, ob Sie sie wieder verwenden möchten.