Um die Textfarbe zu ändern, müssen Sie den Namen der Farbe oder ihren Hexadezimalcode kennen. Der Code besteht aus dem Rautensymbol # und einer Zahl, die die Intensität der roten, grünen und blauen Komponenten der Farbe angibt. Nur 16 Standardfarben können namentlich genannt werden.

Name der Farben Code Aqua ##00FFFF Schwarz ##000000 Blau ##0000FF Fuchsia ##FF00FF Grau ##808080 Grün ##008000 Limette ##00FF00 Kastanienbraun ##800000 Marine ##000080 Oliv ##808000 Lila ##800080 Rot # #FF0000 Silber ##C0C0C0 Blaugrün ##008080 Weiß ##FFFFFF Gelb ##FFFF00

Anweisungen

Platzieren Sie Überschriften verschiedener Ebenen zwischen den entsprechenden öffnenden und schließenden Tags, sofern dies nicht bereits im Quellcode der Webseite geschehen ist. Beispielsweise sollte die wichtigste Überschrift (erste Ebene) zwischen den Tags stehen

Und

Überschrift

Und

Und

Platzieren Sie den Header-Teil des Quellcodes (zwischen den Tags). Und) Anweisungen, die dem Browser des Besuchers mitteilen, dass dieser Ort eine Beschreibung von Stilen in CSS enthält:

Geben Sie zwischen den öffnenden und schließenden Stil-Tags Stilbeschreibungen für die Überschriften jeder Ebene ein, deren Aussehen Sie ändern möchten. Wenn Sie beispielsweise nur das Erscheinungsbild der Überschriften der ersten Ebene ändern müssen, könnte dieser Code so aussehen: Hier gibt h1 an, dass sich die Beschreibung in geschweiften Klammern auf das h1-Tag bezieht und als „Selektor“ bezeichnet wird. Der Parameter „color“ legt die Textfarbe fest, der Parameter „font-size“ legt die Schriftgröße fest, „font-style“ mit dem Wert „italic“ legt den kursiven Stil der Buchstaben fest, „font-weight“ mit dem Wert „bold –“, „margin-top“ – „margin-bottom“. - untere Einkerbung. Für Überschriften der zweiten Ebene müssen Sie einen ähnlichen Block mit dem h2-Selektor usw. hinzufügen.

Wenn viele Ebenen beschrieben werden müssen, verwenden Sie eine abgekürzte Syntax. Beispielsweise können Beschreibungen von Schriftarten sowie Beschreibungen von Einzugsgrößen in einem Parameter platziert werden. Probe: Im Parameter margin müssen Einzüge im Uhrzeigersinn, beginnend mit dem oberen Einzug, getrennt durch ein Leerzeichen (oben rechts, unten links) angegeben werden.

Video zum Thema

Du wirst brauchen

• Computer, Internet, Zugriff auf Website-Inhalte.

Anweisungen

Wenn sich Ihre Prioritäten geändert haben und sich dies auf die Themen der Website ausgewirkt hat, achten Sie darauf, die Änderungen im Titel widerzuspiegeln. Planen Sie bei der Wahl eines neuen Namens, dass der Name der Website zu einer Marke werden kann, wenn nicht zu einer globalen, dann zumindest für regelmäßige Leser der Ressource. Im Allgemeinen gilt: „Wie auch immer Sie die Yacht nennen, so wird sie segeln.“

Entscheiden Sie, ob der Domainname dem Titel zugeordnet werden soll. Dies ist nicht erforderlich, wenn sie zueinander passen. Berücksichtigen Sie dies übrigens bei der Wahl eines neuen Titels. Schließlich ist ein Domainwechsel schwieriger. Darüber hinaus ist er es, der die Site mit den Besuchern verbindet.

Ändern Sie den Titel auf der Website. Moderne kostenlose Plattformen und verschiedene Website-Builder verfügen in der Regel über einfache visuelle Steuerelemente, die keine Kenntnisse in Programmiersprachen erfordern. Melden Sie sich als Administrator beim Site-Kontrollfeld an.

Suchen Sie auf der Seite, die sich öffnet, eine Registerkarte namens „Optionen“, „Einstellungen“ oder „Allgemein“. Suchen Sie dort nach dem Feld „Site-Name“, in das Sie Text eingeben können.

Geben Sie in dieses Feld Ihren neuen Namen ein. Klicken Sie unbedingt auf die Schaltfläche „Speichern“, die auf verschiedenen Web-Engines unterschiedlich heißt: „Speichern“, „Veröffentlichen“, „Aktualisieren“.

Heute sprechen wir über eine Frage, die im Internet sehr oft auftaucht. Und nicht seltener stellen mir Blogbesucher diese Frage. Und wenn Sie die Antwort darauf kennen, können Sie das gewonnene Wissen in anderen Situationen nutzen. Die sich auf die Platzierung der Elemente auf der Website, ihre Größe und Farbe beziehen.

Im Allgemeinen habe ich beschlossen, den Artikel dem Ändern der Schriftfarbe im HTML-Code, also auf der Website, zu widmen. Aber ich möchte noch einmal betonen, dass Sie durch die Anwendung der in diesem Artikel erworbenen Fähigkeiten mehr tun können, als nur die Schriftfarbe zu ändern. Aber auch die Hintergrundfarbe, die Schriftgröße, die Position verschiedener Elemente auf der Seite und deren Größen. Und vieles mehr im Zusammenhang mit der Bearbeitung von CSS-Stilen, die für die Anordnung der Elemente und das Erscheinungsbild der Seite verantwortlich sind. In diesem Fall benötigen wir keine zusätzlichen Programme oder Dienste. Sie benötigen lediglich den Webbrowser, den Sie zum Lesen dieses Artikels verwenden.

Also. Das größte Problem besteht darin, die Eigenschaften selbst nicht zu verändern. Und die Definition des Elements, auch Selektor genannt, befindet sich in der Datei style.css. Deren Eigenschaften müssen geändert werden, damit sich das Erscheinungsbild auf der Seite selbst ändert. Dank der aktuellen Fähigkeiten von Browsern können wir den gewünschten Selektor leicht bestimmen.

Ich werde zum Beispiel eine der Standard-WordPress-Vorlagen verwenden. Aus diesem Grund werden wir die Schriftfarbe ändern. Aber analog dazu können wir ähnliche Aktionen in jedem anderen WordPress-Theme ausführen. Und im Allgemeinen auf jeder, absolut jeder Website, unabhängig davon, ob es Ihre eigene ist oder nicht und welches CMS gewählt wird. Da der Browser in jedem Fall jede Site in Form von HTML-Code anzeigt, verwendet er CSS-Stile, um das erforderliche Erscheinungsbild zu organisieren.

Um diese Methode nutzen zu können, benötigen wir den Webbrowser Google Chrome und die Website selbst, deren Schriftfarbe wir ändern müssen.

Öffnen Sie die gewünschte Seite der Site. Platzieren Sie den Cursor über dem Objekt, das bearbeitet werden muss. In unserem Fall ist dies die Schriftart. Zum Beispiel die Schriftart des Artikeltitels. Klicken Sie mit der rechten Maustaste auf den Titel des Artikels. Wählen Sie dann im Dropdown-Menü den Punkt „Elementcode anzeigen“ aus.

Anschließend erscheint am unteren Rand des Browserfensters ein zusätzliches Fenster, in dem der HTML-Code der Seite angezeigt wird. Mit wem wir zusammenarbeiten werden. Wenn wir nun alles wie oben beschrieben gemacht haben, wird das benötigte Element in der linken Spalte des Fensters hervorgehoben. Und die von uns benötigten Stile werden in der rechten Spalte des Fensters angezeigt.

In diesem Fall ist das hervorgehobene Element der Titel des Artikels. Das heißt, es ist in h1...h6-Tags eingeschlossen. Und es sieht ungefähr so ​​aus:

Titel des Artikels.

Nun etwas mehr darüber, wie Sie diese Browserfunktion verwenden. In der linken Spalte können wir jedes Element der Webseite auswählen, indem wir mit der Maus über den HTML-Code fahren. Gleichzeitig wird das Element hervorgehoben, um deutlicher zu machen, welches Element wir gerade ausgewählt haben. Und rechts sind alle Stile aufgeführt, die sich auf dieses Objekt beziehen. Es ist zu bedenken, dass ein Element nicht nur durch direkt damit verbundene Stile beeinflusst werden kann. Aber auch globale Stile, die für alle ähnlichen Elemente auf der Seite gelten.

In unserem Beispiel ist genau das der Fall. Wenn wir auf ein Titel-Tag klicken, sehen wir in seinen Stilen nicht die speziell für dieses Tag geltenden Schriftfarben. Hier wird die Schriftfarbe durch den globalen Textselektor zugewiesen, was sich auch auf die Farbe anderer Schriftarten auswirkt, nicht unbedingt auf Überschriften. Es gibt auch Stile für alle Arten von Überschriften gleichzeitig. Und um nur für diesen Headertyp eine Farbe zuzuweisen, können wir diese separat in die Datei style.css schreiben, da wir mithilfe des Browsers ermittelt haben, welcher Selektor zum Zuweisen von Stilen benötigt wird. In diesem Fall ist es h1. Das heißt, um Stile für den Artikeltitel zu definieren, müssen Sie Folgendes in style.css schreiben:

H1( /* Header-Stile */ )

Darüber hinaus können wir mit dem Browser bestimmte Stile für jedes Element ausprobieren, bevor wir es in die Stildatei schreiben. Das heißt, wie Sie sich einen Eindruck vom Erscheinungsbild verschaffen können. An der Seite wird sich jedoch nichts ändern. Wenn für einen bestimmten Selektor keine bereits definierten Stile vorhanden sind, können wir zu diesem Zweck alles, was wir wollen, ganz oben in die rechte Spalte schreiben. Das heißt, für einen Selektor, der als element.style definiert ist:

Gleichzeitig ändert sich das Erscheinungsbild des Elements online, nur in unserem Browser. Was sehr praktisch ist. Alles kann je nach Bedarf angepasst werden. Und erst dann alles in eine Style-Datei schreiben und speichern. Anschließend werden die Änderungen allen Besuchern auf der Website angezeigt.

Jetzt ändern wir die Schriftfarbe des Titels und wenden dabei das Gelernte an. Übrigens können Sie direkt in diesem Artikel versuchen, die Titelfarbe zu ändern. Und ich werde die Aktionen anhand einer Standardvorlage beschreiben. Dies ist eine Überlegung wert.

Das gewünschte Tag ist ausgewählt, aber wo ist seine Farbe? Um herauszufinden, woher die Schriftfarbe kommt, scrollen Sie einfach nach unten durch die verwendeten Stile, bis wir Stile mit Farbe sehen. Sie sehen normalerweise wie Farbe aus. Und um zu überprüfen, ob wir den gewünschten Stil gefunden haben oder nicht, können wir auf das Quadrat mit der Farbe klicken und die Farbe durch eine andere ersetzen. Wenn sich die Farbe ändert, haben wir den richtigen Selektor gefunden und müssen hier die Farbe ändern.

Sobald wir uns für die Farbe entschieden haben, die wir brauchen. Wir können den Farbcode kopieren und ihn zu den Stilen des gewünschten Selektors hinzufügen. Es ist wichtig, bei der Auswahl eines Selektors für ein Element keinen Fehler zu machen! Wenn wir beispielsweise die Farbe wie im Bild für den Selektor ändern, den wir standardmäßig zugewiesen haben. Dann ändert sich die Schriftfarbe für den gesamten Text auf der Website. Und wir brauchen nur den Header oder alle Header.

Für einen bestimmten Header sieht der Code in style.css so aus:

H1( Farbe: RGB(216, 48, 48); )

Und wenn es sich um die gesamte Kopfzeilengruppe handelt, sieht es so aus:

H1, h2, h3, h4, h5, h6( Farbe: RGB(216, 48, 48); )

Zur Überprüfung können wir außerdem bestimmte Stile mithilfe des Kontrollkästchens links neben der Auswahl deaktivieren. Wenn Sie das Kontrollkästchen deaktivieren, wird der angewendete Stil deaktiviert. Dies funktioniert jedoch möglicherweise nicht immer mit Farbe. Es ist jedoch praktisch, die Einrückung eines Elements, also seine Position auf der Seite, zu bestimmen.

Um die Farbe zu ändern, verwenden Sie den Mozilla Firefox-Browser. Wir müssen auch zur gewünschten Seite gehen. Suchen Sie das gewünschte Element. Klicken Sie mit der rechten Maustaste darauf. Und wählen Sie „Element erkunden“ aus dem Dropdown-Menü.

Danach erscheint unten ein Fenster mit dem Site-Code. Und das ausgewählte Element wird auch im Code hervorgehoben. Und auch auf der Seite selbst kreist der Browser das gewünschte Element ein und zeigt den Selektor dafür an, was sehr praktisch ist.

Jetzt können Sie Stile aktivieren und mit der Online-Bearbeitung beginnen. Sie müssen auf die Schaltfläche „Stil“ in der unteren rechten Ecke klicken. Danach erscheint rechts eine Spalte mit den vom Element verwendeten Stilen. In diesem Fall die Titelschriftart.

Na dann. Das Definieren und Ändern der Schriftfarbe ist absolut identisch mit der oben beschriebenen Methode mit dem Browser von Google. Daher empfehle ich Ihnen, sich mit den Funktionsprinzipien dieses Tools vertraut zu machen. Damit ich es nicht für jeden Browser einzeln wiederholen muss.

Außerdem finden wir den gewünschten Selektor, indem wir Stile deaktivieren oder ihre Werte für das gewünschte Element ändern. Nur hier läuft es bei der Farbwahl anders, oder ich habe einfach nicht herausgefunden, wie ich diese Funktion aktivieren kann. Das heißt, die Farbe sieht einfach wie ein Code aus und Sie können sie nur mit einem Code ändern, ohne eine Farbe visuell auszuwählen. Dazu müssen Sie die Codes zumindest der Hauptfarben kennen. Einen Link zu den verschiedenen Farbcodes finden Sie am Ende des Artikels.

Nachdem Sie den Farbcode ermittelt und ersetzt haben. Wir werden auch Änderungen auf der Website-Seite sehen. Und wenn wir mit dem Ergebnis zufrieden sind, kopieren wir einfach die Schriftfarbe, geben den gewünschten Selektor ein und fügen den Farbcode dafür ein. Danach speichern und überprüfen wir das Ergebnis.

So ändern Sie die Schriftfarbe eines HTML-Elements mit dem Opera-Browser. Sie müssen eine Seite mit einem Element öffnen, dessen Aussehen Sie ändern möchten. Bewegen Sie den Mauszeiger darüber. Rechtsklick. Und wählen Sie im Dropdown-Menü den Punkt „Element prüfen“ aus.

Danach erscheint unten ein zusätzliches Fenster, das in zwei Teile unterteilt ist. Wie es bei Google Chrome der Fall ist. Linke Spalte mit Seiten-HTML-Code. Und die rechte Spalte mit CSS-Stilen. Wenn Sie ein bestimmtes Element auswählen, wird es sowohl unten im Seitencode als auch auf der Seite selbst hervorgehoben.

Nun suchen wir erneut nach einem Selektor in der rechten Spalte, der die Schriftfarbe des Titels festlegt und Stile deaktiviert oder ersetzt. Sobald der Selektor gefunden wurde, haben wir die Möglichkeit, die Farbe online zu ändern, um eine passendere Farbe zu finden. Dieser Browser bietet die Möglichkeit, Farben im visuellen Modus auszuwählen, was praktisch ist.

Nach der Farbbestimmung. Öffnen Sie die Datei style.css und fügen Sie die gewünschten Stile hinzu oder ändern Sie sie. Speichern und überprüfen Sie das Ergebnis.

Aufmerksamkeit! Bitte pass auf. Wenn Sie Benutzer des Webbrowsers Mozilla Firefox oder Opera sind. Und es gibt etwas, das Sie an dem Thema nicht verstehen. Bevor Sie eine Frage stellen, lesen Sie die ausführliche Beschreibung der Option für den Google Chrome-Browser. Alle Aktionen sind in allen Webbrowsern absolut identisch. Und vergessen Sie auch nicht, dies vor dem Bearbeiten von CSS-Stilen zu tun.

Und das Letzte, was Ihnen helfen kann, ist die Auswahl der Farben für Website-Elemente. Das heißt, bei der Definition des Codes für jede Farbe. Dabei handelt es sich um ein detailliertes Schild, das Sie auf der Seite finden, die speziell der Bestimmung des Farbcodes für die Website gewidmet ist.

Das ist alles, was ich für heute habe. Ich hoffe, dass diese Informationen Ihnen dabei helfen werden, das Erscheinungsbild Ihrer Website anzupassen. Schließlich ändern wir in dem Artikel nur beispielhaft die Schriftfarbe. Erfahren Sie, wie dieses Tool funktioniert und wie Sie genau bestimmen, wo und was in der Datei style.css geändert werden muss.