Jetzt hab ich mich mit CSS (Cascading Style-Sheets) beschäftigt.
Und jetzt will ich wenigstens das bisschen loswerden,
das ich für Wichtig halte.
Mehr wird noch kommen.
So sieht ein CSS aus:
- Code: Alles auswählen
.namedescss
{
font-family: tahoma;
font-size: 50px;
font-weight: bold;
font-style: italic;
text-decoration: underline;
color: maroon;
background: yellow;
}
font-family: Schriftart
font-size: größe der Schrift
font-weight: Bold fettet Schrift (so ungefähr: Text
font-style: Italic macht den Text schief (so ungefähr: Text
text-decoration: underline unterstreicht den Text (so ungefähr: Text
color: Legt die Farbe der Schrift fest
background: Schaut aus wie markierter Text oder mit Textmarker markiert.
Ein CSS muss immer so aussehen:
- Code: Alles auswählen
.namedescss
{
Formatvorlage
}
Um ein CSS in eine HTML-Datei zu integrieren, muss der folgende Code zwischen die
- Code: Alles auswählen
<Head>
- Code: Alles auswählen
<style type="text/css">
<!--
-->
</style>
Zwischen
- Code: Alles auswählen
<!--
- Code: Alles auswählen
-->
- Code: Alles auswählen
<style type="text/css">
<!--
.titeldescss
{
Formatvorlage
}
-->
</style>
Zwischen jeder Vorlage muss eine freie Zeile stehen:
- Code: Alles auswählen
<style type="text/css">
<!--
.titeldescss
{
Formatvorlage
}
.titelderzweitenvorlage
{
Formatvorlage
}
-->
</style>
Um eine CSS-Datei zu verlinken, muss zwischen
- Code: Alles auswählen
<HEAD>
- Code: Alles auswählen
</HTML>
- Code: Alles auswählen
<link href="CSS/style.css" rel="stylesheet" type="text/css">
Dabei muss die Datei style.css im Ordner CSS existieren.
Der Ordner CSS muss sich im selben verzeichnis befinden,
wo auch die HTML-Datei ist:
C:\Website\index.htm
C:\Website\CSS\style.css
Um dem Browser zu sagen, wann welche Vorlage beginnt, muss folgender Code geschreiben werden:
- Code: Alles auswählen
<p class="titeldercss">Text</p>
oder
- Code: Alles auswählen
<span class="titeldercss">Text</span>
p: Ganze Absätze
span: einzelne Wörter
CSS-Dateien können ganz leicht mit dem Editor erstellt werden.
Wichtig ist nur, dem Browser mitzuteieln, wo die Vorlage anfängt und aufhört.
Wie ja gesagt, mehr folgt schon bald (vielleicht sogar schon heute).
Gruß Dominik![/list]