Grundlegendes und Allgemeines

Es gibt 2 Möglichkeiten CSS in HTML-Dateien zu verwenden:

In der HTML-Datei direkt

<!DOCTYPE html>
<html>
<head>
<title>TITLE</title>
<style type="text/css">
 
<!-- Styledefinitionen -->
 
</style>
</head>
<!-- body ... -->

In einer seperaten CSS-Datei

<!DOCTYPE html>
<html>
<head>
<title>TITLE</title>
<style type="text/css" src="DATEIPFAD"></style>
</head>
<!-- body ... -->

Der Inhalt der Datei entspricht dabei dem, was zwischen den <style>-Tags steht.

Seitenweite Styledefinitionen

CSS ist prädestiniert für die seitenweite Definition des Styles der Elemente der Homepage. So kann zum Beispiel jedem p-Tag der Seite eine Schriftgröße gegeben werden oder der Rahmen von jedem Bild kann auf Null gesetzt werden. Hier will ich jeder Tabelle eine Breite von 100% geben und jeden Text als Blocksatz ausrichten:

<style type="text/css">
table{
    width:100%}
p{
    text-align:justify]
</style>

Die Grundlegende Syntax:

<style type="text/css">
HTML_TAG{
    ATTRIBUT:ATTRIBUTWERT; ATTRIBUT:ATTRIBUTWERT; ...}
...
</style>

Styledefinition nur für diesen Tag

Mit CSS kann auch der Style von einem speziellen Tag gesetzt werden. Fügen Sie im betreffenden Tag 'style=„ATTRIBUT:ATTRIBUTWERT;…“' ein. Als Beispiel das obige Beispiel für Text:

<p style="text-align:justify">Ein Blocksatz-Text</p>

Seitenleiste

Community

Webtutorials

CSS Attributsindex

Inhaltsverzeichnis

Grundlegendes und Allgemeines

Seitenweite Styledefinitionen

Styledefinition nur für diesen Tag