Möglichkeit, die Zeichenkodierung einer CSS-Datei anzugeben. Die Angabe wird nicht im referenzierenden HTML-Dokument, sondern in der separaten CSS-Datei notiert.
Beispiel
    @charset "utf-8";
    /* hier beginnen Style-Definitionen, zum Beispiel: */
    h2.austria:before { content:"Österreich: "; }
Erläuterung
    Notieren Sie die CSS-Regel
@charset
in einer eigenen Zeile und dahinter in Anführungszeichen eine gültige Angabe zur Zeichenkodierung. Empfehlenswert ist die Angabe
"utf-8"
. Andere denkbare Angaben sind beispielsweise Zeichensätze der ISO-8859-Familie, etwa »iso-8859-1« für den Zeichensatz Latin-1, der auch die deutschen Umlaute und das scharfe S abdeckt.
    Wichtig ist, dass die CSS-Datei tatsächlich mit der angegebenen Zeichenkodierung abgespeichert wird. Andernfalls kann es zu Darstellungsproblemen kommen.
Weitere Hinweise
    Im Gegensatz zu separaten CSS-Dateien gilt bei CSS-Definition innnerhalb von HTML-Dokumenten die Regel, dass diese die Zeichenkodierung des HTML-Dokuments übernehmen.
13.1.3    Style-Bereiche im HTML-Dokumentkopf
    Sie können im
head
-Element eines HTML-Dokuments einen Bereich für CSS-Formate definieren.
Beispiel
    
    
    
    
    
    

Das style-Element

    
    
Erläuterung
    Mit

…

markieren Sie einen Bereich für Stylesheet-Formatdefinitionen ( style = Stil, Format). Im einleitenden

können Sie CSS-Formate definieren. Im obigen Beispiel wird ein Format für
h1
-Überschriften mit verschiedenen Formateigenschaften definiert.
    Bild 13.1: CSS-Format aus zentralem style -Bereich im Browser
Weitere Hinweise
Die Angabe des MIME-Typs ist bei HTML5 im Zusammenhang mit CSS nicht mehr zwingend erforderlich, da CSS als Default angenommen wird.
    In HTML 4.01 war das
type
-Attribut dagegen Pflicht.
    Sie können beliebig viele
style
-Bereiche innerhalb des HTML-Dokumentkopfs notieren.
13.1.4    Inline-Styles in HTML-Elementen
    Sie können einzelne HTML-Elemente innerhalb des sichtbaren HTML-Dokuments mit Hilfe von Stylesheet-Eigenschaften formatieren. Die Formatdefinitionen gelten dann nur für den Geltungsbereich des betreffenden HTML-Elements. Sinnvoll ist diese Möglichkeit, wenn Sie sonst auf CSS verzichten und es nur mal für ein paar Ausnahmenbenötigen, oder wenn Sie zentrale Formate verwenden, einzelne Elemente aber ausnahmsweise anders gestalten möchten.
Beispiel
    
    

Die Seite mit dem besonderen Element

    

Das folgende Element soll etwas Besonderes sein:

    

    title="Zitat von Francis Picabia">
     Unser Kopf ist rund, damit das Denken die Richtung wechseln kann!
    

    
Erläuterung
    Sie können Formate für ein HTML-Element definieren, indem Sie innerhalb des einleitenden HTML-Tags das globale Attribut
style
notieren. Die Wertzuweisung an das
style
-Attribut besteht in einer oder mehreren CSS-Formatdefinitionen. Dabei gelten die gleiche Grammatik und Syntax wie bei zentralen Formaten. Schließen Sie jede Formatdefinition jeweils durch einen Strichpunkt ab. Nur bei der letzten Formatdefinition vor dem abschließenden Anführungszeichen darf der Strichpunkt entfallen. Aber aus Gründen der besseren Lesbarkeit und Wartbarkeit, sollte er trotzdem immer angeführt werden.
    Bild 13.2: HTML-Element mit individueller CSS-Formatierung
    Im obigen Beispiel werden die individuellen Formatangaben auf ein gewöhnliches
p
-Element angewendet. Es erhält mit Hilfe der CSS-Eigenschaften für Hintergrundfarbe (
background-color
), Schriftfarbe (
color
), Schriftart (
font-family
), Schriftgröße (
font-size
), Zeichenabstand (
letter-spacing
), Innenabstand zum Rand (
padding
) und einem Rahmen (
border
) ein Aussehen, das überhaupt nicht mehr an einen Textabsatz erinnert.
13.2      Grundsätzliche Grammatik von CSS
    In diesem