Mittels CSS lassen sich relativ einfach schöne Effekte für eine Homepage zaubern. Vielen professionellen Anwendern erleichtert CSS die tagtägliche Arbeit um ein Vielfaches. CSS bietet eine Vielzahl von Möglichkeiten. Es bleibt jedem Webmaster selbst überlassen, ob er die CSS Befehle direkt in den Header einer Webseite schreibt, oder ob er diese in einer externen ASCII-Datei auslagert.
Eingebetteter CSS-Quelltext im Head-Tag:
Die integrierte Pseudo-Formatierung per CSS kann direkt in den Quelltext einer Webseite im Head-Bereich integriert werden.
Diese Variante ist eher schlecht zu warten, da der Quelltext in jede HTML-Seite des betreffenden Webs zu integrieren ist. Da jede zusätzliche Zeile an Quelltext gerade bei größeren Webseiten und Portalen zu einer Fülle an Folgekosten führt, ist diese Variante demnach nicht für derartige Seiten zu empfehlen.
<style type=“text/css“>
a:link { font-weight:bold; font-size: 10px; color:#FDC100; text-decoration:none }
a:visited { font-weight:bold; font-size: 10px; color:#FDC100; text-decoration:none }
a:hover { font-weight:bold; font-size: 10px; color:#FDC100; text-decoration:none }
</style>
Ausgelagerte CSS-Formatierung in einer ASCII-Datei / Textdatei:
Die Formatierung per CSS [Cascading Style Sheets] kann auch durch wirkliche „Sheets“ in einer ASCII-Datei erfolgen. Im Head-Bereich jeder einzelnen HTML-Seite muss dann folgendes stehen:
<link rel=“stylesheet“ href=“style.css“>
Wie die CSS-Datei im Endeffekt benannt wird, ist egal – was zählt ist nur die Tatsache, dass der richtige Dateiname der CSS-Datei im Head-Bereich angegeben wird, da ansonsten die CSS-Datei nicht aufgerufen werden kann. Außerdem muss eine ASCII-Datei erzeugt werden, die z.B. mit Inhalten [CSS-Tags] gefüllt wird. Der Inhalt dieser Textdatei könnte dann beispielsweise so aussehen:
a:link { color: #00288E; font-family: verdana, arial, helvetica; font-size: 10px; text-decoration: none}
a:visited { color: #00288E; font-family: verdana, arial, helvetica; font-size: 10px; text-decoration: none }
a:hover { color: #00288E; font-family: verdana, arial, helvetica; font-size: 10px; text-decoration: none }
Selbstverständlich sind auch noch weitere Untergliederungen der CSS-Formatierungen in Überschriften etc. möglich – Sie können diese in der externen Datei zu jeder Zeit [auch nach der Veröffentlichung der Seite] bearbeiten und die gewünschten Effekte erzielen.
Hinweis zur Kompatibilität der Schreibweise von Cascading Style Sheets
Damit möglichst viele unterschiedliche Browser die Formatierung per CSS erkennen, ist es am Besten, wenn der gesamte CSS-Text in Kleinbuchstaben verfasst wird und vor allem Kommata und Semicola wie in den obigen Beispielen exakt gesetzt werden. Ebenfalls ist es von großem Vorteil, wenn man nicht nur eine Schriftart als Formatierungs-Schriftart wählt, sondern einige der gängigsten Schriftarten um eine möglichst hohe Kompatibilität zu anderen Computern zu gewährleisten.
Zusammenfassung
CSS Befehle bieten vielfältige Möglichkeiten, um Webseiten zu gestalten. Sie können entweder direkt im Head-Bereich einer HTML-Seite eingefügt werden oder in einer externen ASCII-Datei ausgelagert werden. Die direkte Einbindung ist jedoch bei großen Webseiten aufgrund von Folgekosten und Wartungsaufwand nicht empfehlenswert.
Zur externen Formatierung werden die Stile in einer separaten CSS-Datei gespeichert. Diese Methode ist flexibel und ermöglicht spätere Änderungen, sogar nach Veröffentlichung der Webseite. Die korrekte Verknüpfung zur HTML-Seite erfolgt durch einen Link im Head-Bereich.
Um eine hohe Kompatibilität zu unterschiedlichen Browsern sicherzustellen, sollte der CSS-Text in Kleinbuchstaben verfasst und Zeichen wie Kommata und Semikolons präzise gesetzt werden. Zudem ist es vorteilhaft, mehrere gängige Schriftarten in der Formatierung zu verwenden.
Häufige Fragen und Antworten
Was sind CSS Befehle?
CSS Befehle sind Anweisungen, die verwendet werden, um das Aussehen und die Formatierung von Webseiten mit Hilfe von Cascading Style Sheets (CSS) zu definieren. Mit CSS Befehlen können verschiedene HTML-Elemente gestaltet werden, wie z.B. Schriftarten, Farben, Abstände und Hintergrundbilder. Sie ermöglichen es Webdesignern, das Erscheinungsbild einer Webseite anzupassen und bestimmte Effekte zu erzielen.
Wo werden CSS Befehle verwendet?
CSS Befehle werden in HTML-Dokumenten verwendet, um das Aussehen von Webseiten zu definieren. Sie können entweder direkt im Head-Bereich einer HTML-Datei eingebettet werden oder in einer externen CSS-Datei ausgelagert werden. Die Verwendung von externen CSS-Dateien erleichtert die Wartung und Aktualisierung des Designs einer Webseite, da Änderungen einfach in einer zentralen Datei vorgenommen werden können. CSS Befehle können auch in anderen Webtechnologien wie z.B. PHP oder JavaScript verwendet werden, um das Aussehen dynamisch zu verändern.
Welche Vorteile bieten CSS Befehle?
Die Verwendung von CSS Befehlen bietet mehrere Vorteile:
- Sie ermöglichen eine klare Trennung von Inhalt und Design, wodurch die Wartung und Aktualisierung einer Webseite erleichtert wird.
- Sie ermöglichen eine einheitliche Gestaltung über alle Seiten einer Webseite hinweg, indem sie das Design in einer zentralen CSS-Datei speichern.
- Sie bieten eine hohe Flexibilität bei der Gestaltung von Webseiten, da verschiedene CSS Befehle miteinander kombiniert und angewendet werden können.
- Sie ermöglichen es, das Erscheinungsbild einer Webseite schnell und einfach anzupassen, ohne den HTML-Code ändern zu müssen.
- Sie verbessern die Ladezeiten einer Webseite, da das Design in einer separaten Datei gespeichert wird und somit nicht bei jedem Seitenaufruf erneut geladen werden muss.