Acme Style Guide
Rubrik 1
Rubrik 2
Rubrik 3
Rubrik 4
Rubrik 5
Rubrik 6
Dies ist ein Absatzelement. Dies ist ein fettgedruckter Text, varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo und dies ist ein kursiver Text lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Dies ist ein Absatzelement. Dies ist ein fettgedruckter Text, varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo und dies ist ein kursiver Text lorem imperdiet. Nunc ut sem vitae risus tristique posuere.
Dies ist ein Blockzitat
- Dies ist eine geordnete Liste
- Dies ist ein Listenelement innerhalb einer geordneten Liste
- Gestalten Sie jedes Listenelement nach Ihren Wünschen
- Dies ist eine unsortierte Liste
- Dies ist ein Listenelement innerhalb einer unsortierten Liste
- Gestalten Sie jedes Listenelement nach Ihren Wünschen
- Dies ist eine unvollständige Liste
- Dies ist ein Listenelement innerhalb einer Liste ohne Aufzählungszeichen
- Gestalten Sie jedes Listenelement nach Ihren Wünschen
Typografie
Legen Sie die base Stile für alle Überschriften und Textelemente auf Ihrer gesamten Website fest.
Um die Stile für Root-HTML-Tags festzulegen, öffnen Sie das Dropdown-Menü für jeden Elementtyp und wählen Sie die entsprechende HTML-Tag-Option.
Was ist ein Rich-Text-Element?
Mit dem Rich-Text-Element können Sie Überschriften, Absätze, Blockzitate, Bilder und Videos an einem Ort erstellen und formatieren, anstatt sie einzeln hinzufügen und formatieren zu müssen. Mit einem Doppelklick können Sie einfach Inhalte erstellen.
- Listenelement
- Listenelement
- Listenelement
Bearbeitung statischer und dynamischer Inhalte
Ein Rich-Text-Element kann mit statischen oder dynamischen Inhalten verwendet werden. Für statische Inhalte fügen Sie einfach it in eine beliebige Seite ein und beginnen mit der Bearbeitung. Für dynamische Inhalte fügen Sie ein Rich-Text-Feld zu einer beliebigen Sammlung hinzu und dann connect ein Rich-Text-Element zu diesem Feld im Einstellungsfenster. Voilà!
Wie man die Formatierung für jeden Rich-Text anpasst
Überschriften, Absätze, Blockzitate, Abbildungen, Bilder und Abbildungsunterschriften können alle gestylt werden, nachdem dem Rich-Text-Element eine Klasse hinzugefügt wurde, indem das verschachtelte Selektorsystem "Wenn innerhalb von" verwendet wird.
Wie man die Formatierung für jeden Rich-Text anpasst
Überschriften, Absätze, Blockzitate, Abbildungen, Bilder und Abbildungsunterschriften können alle gestylt werden, nachdem dem Rich-Text-Element eine Klasse hinzugefügt wurde, indem das verschachtelte Selektorsystem "Wenn innerhalb von" verwendet wird.
Überschriften, Absätze, Blockzitate, Abbildungen, Bilder und Abbildungsunterschriften können alle gestylt werden, nachdem dem Rich-Text-Element eine Klasse hinzugefügt wurde, indem das verschachtelte Selektorsystem "Wenn innerhalb von" verwendet wird.
Wie man die Formatierung für jeden Rich-Text anpasst
Überschriften, Absätze, Blockzitate, Abbildungen, Bilder und Abbildungsunterschriften können alle gestylt werden, nachdem dem Rich-Text-Element eine Klasse hinzugefügt wurde, indem das verschachtelte Selektorsystem "Wenn innerhalb von" verwendet wird.
Rich-Text-Element
Das Styling des Rich-Text-Elements funktioniert etwas anders als bei anderen Elementen. Während es für Rich-Text-Elemente kein base Tag gibt, können Sie base Tags für Elemente innerhalb eines Rich-Text-Elements anpassen, solange das übergeordnete Rich-Text-Element eine Klasse hat.
Erfahren Sie mehr über die Gestaltung von Rich-Text-Elementen in der Webflow University.
Globale Farben
Sie können auch globale Farbfelder für Ihre Website erstellen, um wiederkehrende Farben auf Ihrer gesamten Website konsistent zu halten.
Wenn Sie beispielsweise dasselbe "neutrale Grau" für Elementtext, Hintergründe und Umrandungen verwenden, können Sie ein globales Farbfeld für dieses Grau erstellen, um it einmal zu ändern und alle Instanzen zu aktualisieren, in denen dieses Farbfeld auf Ihrer Website angewendet wird.
Erfahren Sie mehr über die Erstellung globaler Farbfelder.
Links und Schaltflächen
Sie können auch einen Standardsatz von Klassen und Kombinationsklassen für die Link- und Schaltflächenelemente Ihrer Website erstellen.
Erfahren Sie mehr über die Gestaltung von Schaltflächen.
Formular-Elemente
Its ist hilfreich, im Vorfeld eines Projekts Standardklassen für alle Formularelemente zu erstellen, einschließlich Formularbeschriftungen, Formularfelder und alle Formulareingabetypen.
Erfahren Sie mehr über die Gestaltung von Formularen.
Mehr Nachhaltigkeit
.png)
.png)
.png)
.png)
.png)
