Wie bewirbt man CSS zu einer Seite Squarespace - Website Design von Soundfocus Belfast

Erste Schritte mit CSS

Sammlung IDs

In beiden Beispielen, empfehle ich, dass Sie den Google Chrome-Browser verwenden. Sie können die Sammlung ID in anderen Browsern finden, aber die Anweisungen unten haben für Chrome angepasst worden. Wenn Sie nicht über Chrome haben, können Sie es hier kostenlos herunterladen.

Chrome Extension

Beginnen wir mit der einfachsten Art und Weise beginnen Sammlung IDs zu finden. Es gibt eine kostenlose Erweiterung für den Chrome-Browser der Square Sammlung / Blockkennung genannt. Dies ist ein wirklich handliches Werkzeug für die Entdeckung Sammlung IDs.

Wenn Sie es heruntergeladen haben, werden Sie ein ‚B‘ Symbol in der Symbolleiste Ihres Browsers.

Beachten Sie, dass die Sammlung ID wurde in dem ersten eingefügt, gefolgt von einer öffnenden geschweiften Klammer. Dann, nach dem CSS, die Sie auf dieser Seite anwenden möchten, eine schließende geschweifte Klammer wird hinzugefügt. Alle Stile innerhalb der geschweiften Klammern werden nur diese Seite beeinflussen.

Speichern Sie die Änderungen und versuchen, andere Seiten betrachten. Die blaue Schriftfarbe sollte nur auf einer Seite angezeigt werden.

Die CSS für die blaue Schrift ist nur ein Beispiel. Sie können dies mit jedem CSS-Stile ersetzen, die Sie auf die Seite anwenden möchten.

Mehr als eine Seite?

Wenn Sie Ihren Stil mehr als eine Seite anwenden möchten, können Sie mehrere Typen-IDs durch Kommas getrennt wie folgt hinzu:

Dinge zu beachten

1. Die Technik funktioniert oben auf den meisten Seitentypen, aber es wird auf Index-Seiten nicht. Diese funktionieren unterschiedlich, abhängig von der Vorlage verwendet werden (siehe unten).

Index Seiten

Indexseiten sind etwas anders, aber jede „Seite“ im Index kann noch separat ausgerichtet werden.

neuere Vorlagen

Die neueren Vorlagen sind viel einfacher zu arbeiten. Sie fügen hinzu, eine ID zu jedem Abschnitt ( „Seite“). Die ID erbt den Namen der Seite, aber mit Leerzeichen mit Bindestrichen ersetzt, ein Präfix „#“ (alle IDs in CSS hat einen Präfix #) und das Suffix „-Sektion“.

So zum Beispiel, wenn die Seite in dem Index, den Sie ansprechen möchten heißt „Meine Seite“, dann die ID dieser Seite wird # my-page-Abschnitt.

Lassen Sie uns oben wieder das Beispiel. Um die Schriftfarbe auf der Seite zu ändern „Meine Seite“ in einem Index genannt, dann würden Sie hinzufügen:

ältere Vorlagen

Ältere Vorlagen benötigen etwas mehr im Dunkeln. Wenn die Seite im Index „Meine Seite“ genannt wird, dann wird die Seite ein Daten-URL-ID von „my-Seite“ hat.

Sie können die folgenden verwenden, um die gleiche Sache zu erreichen: