E-Book Startseite Karteikarten-Programm
0
Inhalt dieser Seite
  1. Platzierung von CSS

Platzierung von CSS

Es gibt 3 verschiedene Möglichkeiten CSS zu platzieren: Die 1. Methode (empfehlenswert) ist CSS in einer CSS-Datei zu speichern. Mit dem Link für CSS-Dateien (siehe HTML lernen » Aufbau einer HTML-Seite) weiß ihre HTML-Datei auf welche CSS-Informationen diese zurückgreifen soll / muss. Hier ein Beispiel:

p {
    text-align: justify;
    font-family: Arial;
}

Die 2. Methode ist CSS in den Head-Bereich von dem HTML-Dokument einzubinden. Dazu benötigen Sie noch spezielle Tags. Wie dies funktioniert zeigen wir Ihnen hier. Stellen Sie sich vor, dass das folgende Code-Beispiel sich im Head-Bereich eines HTML-Dokumentes befindet:

<style type="text/css">
<!--
p {
    text-align: justify;
    font-family: Arial;
}
-->
</style>

Die 3. und letzte Methode ist nicht in jedem Fall einsetzbar (dazu später mehr). Zum Beispiel bei einem Absatz kann durch das Attribut style auch Styleformatierungen vorgenommen werden. Der Aufbau wird hier ebenfalls anders sein: Normalerweise werden die Befehle im Style-Tag nicht untereinander sondern nebeneinander geschrieben. Der Übersichtlichkeit kann zwischen z. B. zwischen der 1. und 2. Eigenschaft ein Leerzeichen hinzugefügt werden. Hier unser Beispiel:

<p style="text-align: justify; font-family: Arial"> </p>

Übrigens können Sie auch z. B. Absätzen in einem bestimmten Bereich einheitliche Formatierungen geben. In dem Beispiel unten bekommen alle Absätze im Bereich "inhalt" die Schriftart Arial und einen justierten Inhalt.

#inhalt p {
    text-align: justify;
    font-family: Arial;
}
Design:
 


Logo
Benjamin Jung
Krummstr. 9/3
73054 Eislingen

E-Mail: info@homepage-webhilfe.de
Webseite: www.homepage-webhilfe.de