Einbinden von Style-Infos

STYLE-Attribut für einen einzelnen Tag:

• Beispiel:
     <H1 STYLE="color:red; font-size:36pt;"> Überschrift 1. Ordnung </H1>
     <P STYLE="margin-left:1.5cm;"> Ein Textabsatz </P>
      
  
  

<STYLE>-Abschnitt im Header:

• Beispiel:
     <STYLE TYPE="text/css">
     <!--
      BODY { font-family:Helvetica,Arial;  font-size:12pt; }
      H1 { font-size:48pt; font-weight:bold; }
      P  { margin-top: 3em; }
     //-->
     </STYLE>
      
  
  
• Styleangaben von alten Browsern evtl. als Text angezeigt.
  Trick: <!-- und //--> machen daraus Kommentar

Style-Angaben in externer Datei:

• Einbinden mit <LINK>:
     <LINK REL=stylesheet TYPE="text/css" HREF="kurse.css">
      
  
  
• Datei kurse.css:
     /* Stylesheet für Kurs-Seiten */
     BODY { font-family:Helvetica,Arial,sans-serif; font-size:12pt; }
     H1 { font-size:48pt; font-weight:bold; }
     P  { margin-top: 3em; }       /* schön viel Abstand */
      
  
  
• Kommentar in /* */, nur über eine Zeile!

Kombinationen:

• alle Möglichkeiten kombinierbar.
• Vorrang bei Konflikten:
  1. STYLE-Attribut
  2. <STYLE>-Tag
  3. <LINK> auf Stylesheet