CSS mit TYPO3 verwenden
Generell lassen sich CSS-Anweisungen auf drei Arten in HTML-Dokumente einbinden:
1. Als Inline-Styles für HTML-Elemente:
2. Als Styles im Kopfbereich der HTML-Datei:
<style>
strong { font-weight: bold; }
</style>
Listing 2
3. Als verlinktes oder eingebundenes Stylesheet:
<link xhref="stylesheet.css" rel="stylesheet" type="text/css" /> <style> @import url(stylesheet.css); </style>
Listing 3
Während die erste Methode nur in wenigen Fällen geeignet ist, kommen bei TYPO3-Websites Styles im Kopfbereich und verlinkte Stylesheets häufig vor. Die TypoScript-Anweisung zum Einbinden eines Stylesheets im Kopfbereich lautet:
page.stylesheet = stylesheet.css
Listing 4
Diese Methode hat jedoch einige Nachteile – so lassen sich keine individuellen Titel oder rel-Attribute für die Stylesheets vergeben. Stattdessen wird auf eine universellere Methode zurückgriffen, mit der beliebige Zeichenfolgen in den Seitenkopf geschrieben werden können:
Bitte beachte unsere Community-Richtlinien