Newsletter

  • Immer informiert über die neusten Trends, Webseiten und Tutorials! Einfach hier für den monatlichen Newsletter anmelden.
  •  Eintragen
  •  Austragen

Login

Umfrage

  • Haben Sie Interesse an Softwaretipps für Webmaster?
  •  
  • ja
  • nein
  •  


Linktipps

Anzeige

 

www.finanzcheck.de
» Startseite » HTML, CSS und JavaScript Tutorials

Wie baue ich CSS ein

Wie baue ich CSS in meine Homepage ein? Hier erfahren sie es.

Im Prinzip haben Style Sheets die gleiche Funktion wie eine Formatvorlage in einer Textverarbeitung. Sie verleihen einer gekennzeichneten Passage oder einem Element ein zuvor festgelegtes Format. Da man mit CSS viel mehr machen kann als mit HTML wird es bei eigentlich allen professionellen Seiten angewendet. Da es mehrere Einbindungsmöglichkeiten gibt die später noch genauer erklärt werden kann man z.B. mehrere HTML Dateien auf einmal ändern, da man die Formate in einer speziellen datei speichert und dann nur in jeder HTML Datei einmal einen <link>-Tag zur Datei setzen muss.

Aufbau


Element {Formatierungsmerkmal:Wert; Formatierungsmerkmal2:Wert; }

Also z.B.: p {font-size:12pt; text-align:left; }

Einsetzen


Es gibt 4 Möglichkeiten CSS in HTML einzufügen.

Direkt im HTML Tag:
  1.  <h1 style="color:blue;">Text</h1>


Größere Bereiche können mit dem Befehle <span> definiert werden. Alles, was sich innerhalb der "Spanne" befindet, wird beeinflusst.
  1.  <span style="line-height:150%;">Text Text Text ...</span>


Eine komplette HTML Seite kann formatiert werden, indem man die Style Anweisungen im <head> unterbringt. Hier sieht die Syntax etwas anders aus:
  1.  <html> 
  2.  <head> 
  3.  <title>Seitenname</title> 
  4.  <style type="text/css"> 
  5.  <!--
  6.  p { line-height : 150%;
  7.  text-align : justify;
  8.  color : red;
  9.  font-weight : bold;
  10.  font-size : 110%;
  11.  }
  12.  //-->
  13.  </style>
  14.  </head>
  15.  <body>
  16.  Inhalt
  17.  </body>
  18.  </html>


Man bestimmt die Formatierungen in einer extra Datei (diese muss die Endung .css haben) und setzt im <head> Bereich der HTML Datei folgenden Befehl:
  1.  <link rel="stylesheet" href="style.css" type="text/css" />


Fragen? Probleme? Keine Antworten? Hilfe finden Sie im Webmaster Forum!

Diese Artikel könnten Sie auch interessieren:
XHTML - HTML allgemein
XHTML - Textauszeichnungen
monatlich wechselnder Link mit JavaScript
XHTML - Grafiken
Übersichlichere Formulare


 
Anzeige