Einer Ebene eigenes CSS und Klassen hinzufügen
Geben Sie einer Ebene CSS-Deklarationen, die der Stilbereich nicht hat, und gestalten Sie mehrere Ebenen auf einmal mit eigenen Klassen.
Eigenes CSS fügt einer Ebene Deklarationen hinzu, die der Stilbereich nicht anbietet, etwa eine Wellenlinie unter dem Text oder eine zugeschnittene Form. Eigene Klassen geben dieselben Deklarationen jeder Ebene, die sie nennt. Beides sieht im Canvas und auf Ihrer veröffentlichten Website gleich aus. Eigenes CSS kommt schrittweise in die Arbeitsbereiche, daher sehen Sie es vielleicht noch nicht.
Einer Ebene Deklarationen hinzufügen
- Wählen Sie eine Ebene aus.
- Öffnen Sie im Eigenschaftenbereich Eigenes CSS. Es ist einer der erweiterten Abschnitte.
- Geben Sie eine Eigenschaft ein, zum Beispiel
text-shadow. Das Feld schlägt die vor, die Sie verwenden können. - Geben Sie den Wert ein, zum Beispiel
0 2px 0 rgb(124 58 237 / 0.35), und drücken Sie die Eingabetaste. - Deklaration hinzufügen fügt eine Zeile hinzu. Das × am Ende einer Zeile entfernt sie.
Die Deklarationen gelten für den Breakpoint, den Sie bearbeiten, wie jeder Stil, und kommen nach den übrigen Stilen der Ebene: Sie haben Vorrang, wo beide dasselbe festlegen.
Was Sie schreiben können
- Nur visuelle Eigenschaften: Schatten, Umrisse, Zuschnitte, Textdekoration, Filter, Mauszeiger und Ähnliches. Layout, Position und Größe bleiben bei den eigenen Steuerelementen des Stilbereichs.
- Ein Wert darf kein
;,{,},<,\oder!importantenthalten. - Ein Bild ist ein Asset Ihrer eigenen Website, geschrieben als
url(asset:…).
Eine Zeile, die eine Regel verletzt, zeigt darunter den Grund, und nichts wird gespeichert, bis jede Zeile stimmt. Der Server Ihrer Website liest außerdem jede Deklaration wie ein Browser; einen Wert, den er nicht lesen kann, speichert er nicht.
Eigene Klassen
- Geben Sie in Eigenes CSS unter Klassen einen oder mehrere Namen ein, durch Leerzeichen getrennt, zum
Beispiel
card-raised, und drücken Sie die Eingabetaste. Ein Name beginnt mit einem Buchstaben und besteht aus Buchstaben, Ziffern,-und_. - Öffnen Sie im Website-Menü Eigene Klassen…, wählen Sie Klasse hinzufügen, geben Sie ihr denselben Namen und ihre Deklarationen, und wählen Sie Speichern.
Jede Ebene, die die Klasse nennt, erhält deren Deklarationen. Der eigene Stil einer Ebene hat Vorrang vor ihren Klassen. Eigene Klassen erfordern die Berechtigung, Code zu bearbeiten.