CSS für nur eine HTML-Seite im Head definieren
Frage von Gast | 14.04.2015 um 20:13
Bisher habe ich meine CSS Stylesheets immer über eine externe Datei eingebunden oder direkt beim betreffenden Element notiert.
Nun habe ich aber die Situation, dass ich für mehrere HTML-Elemente einer Seite einige zentrale CSS-Regeln definieren muss. Da die Elemente nicht auf anderen Seiten vorkommen, lohnt es sich nicht, alles in der allgemeinen CSS-Datei zu definieren. Gleichzeitig ist es auch zu umständlich, die Regeln bei jedem Element einzeln zu wiederholen.
Gibt es daher eine Lösung dazwischen, mit der ich CSS-Regeln im Head einer Seite nur für diese eine Seite definieren kann ohne an die einzelnen Elemente gehen zu müssen?
Ähnliche Themen
CSS-Stylesheets in HTML einbinden
Tutorial | 0 Kommentare
Website Performance: Javascript und CSS komprimiert ausliefern und Ladezeiten verkürzen
Tutorial | 0 Kommentare
jQuery: CSS Stylesheet Switcher
Tutorial | 1 Kommentar
Bilder, CSS, JS und Seiten neu laden trotz Browser-Cache
Tipp | 2 Kommentare
PHP: Eine E-Mail versenden
Tutorial | 0 Kommentare
Hintergrund einer Website verdunkeln (Gray Out Effekt)
Tutorial | 0 Kommentare
HTML: Unterschied zwischen ID und CLASS
Info | 0 Kommentare
Wichtiger Hinweis
Bitte beachten Sie: Die Beiträge auf askingbox.de sind Beiträge von Nutzern und sollen keine professionelle Beratung ersetzen. Sie werden nicht von Unabhängigen geprüft und spiegeln nicht zwingend die Meinung von askingbox.de wieder. Mehr erfahren.
Jetzt mitmachen
Stellen Sie Ihre eigene Frage oder schreiben Sie Ihren eigenen Artikel auf askingbox.de. So gehts.
Klar, du kannst CSS auch direkt im Head definieren. Hier ist ein kleines Beispiel für einen Aufbau.
<!DOCTYPE html> <html> <head> <title>Seitentitel</title> <link rel="stylesheet" type="text/css" href="style.css"> <style type="text/css"> <!-- h1 { font-size: 14px; padding-bottom: 10px; } p { font-size: 10px; } --> </style> </head> <body> <h1>Überschrift</h1> <p>Absatz</p> </body> </html>Wie du siehst haben wir einerseits eine externe Datei style.css eingebunden und andererseits weitere Regeln im Head definiert.
Mehr dazu besserst du in meinem Tutorial zur Einbindung von CSS Stylesheets.
14.04.2015 um 22:14