Contao 3 Grundkurs

CSS-Grundeinstellungen

Testen Sie unsere 1951 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
So nehmen Sie einige CSS-Anpassungen für Inhalte vor, etwa für alle Elemente innerhalb eines Artikels.
02:49

Transkript

Bevor wir inhaltlich weitermachen, ein kurzer Blick auf unseren Beispieltext auf der Startseite. Unser Text soll natürlich gelesen werden, und da stellt sich die Frage, wie groß sollte ein solcher Text sein? Wie sollte insgesamt die Typographie, die Mikrotypographie gestaltet sein, damit ein solcher Text optimal lesbar ist. Auf diese Frage gibt es viele Antworten, und gerade so viele Philosophien. Einen Ansatz habe ich hier mal gefunden, Jonathan Snook zeigt hier Möglichkeiten auf, die Schriftgröße grundsätzlich für Webseiten einzustellen. Der Ansatz von Contao ist, sofern man das Reset-Stylesheet eingebunden hat, und das haben wir, die Schriftgröße für den body auf 12 Pixel zu setzen. Keine Kritik, das ist nur eine Feststellung. Im Frontend, wenn wir uns die verschiedenen Seitenbereiche angucken, also linke Spalte, hier unten der Fußbereich, kann ich mit dieser Einstellung auch sehr gut leben. Indes im Artikel ist mir das ein Tick zu klein. Auch der Zeilenabstand. Und deshalb möchte ich per CSS, dass für alle Elemente, die sich in einem Artikel befinden, ändern. Ich klicke auf CSS, gehe in mein Stylesheet, hänge eine neue Regel an, "mod_article", die Kategorie ist Artikel. Und jetzt stelle ich ein, erstmal ein Abstand nach unten. Und dann noch für die Schrift, die Schriftgröße. Und jetzt gehe ich vor den body, also beziehe ich mich auf das HTML-Element durch root em und mach's ein bisschen kleiner. Die Zeilenhöhe setze ich auf "1.2 em" Und damit soll's auch genug sein, wir schauen uns mal das Ergebnis an. Ja, Schriftgröße und Zeilenabstand ist für mich okay, Prüfen wir jetzt noch den Abstand von Absätzen, indem wir in den Artikel gehen. Ich wähle den Artikel der Startseite, und setze an diese Stelle irgendwo einen Zeilenumbruch. Das Ganze schauen wir uns im Frontend an. Ich begnüge mich an dieser Stelle mit diesen Grundeinstellungen und kann mich nun meiner Aufbereitung von Inhalten widmen.

Contao 3 Grundkurs

Lernen Sie die Grundidee des Content Management Systems Contao 3 kennen und machen Sie sich mit den Möglichkeiten der Inhaltsdarstellung bis hin zum komplexen Webauftritt vertraut.

6 Std. 34 min (102 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!