CSS Tutorials > CSS einbauen - Webmaster-Elite.de

CSS > CSS einbauen

Autor: jens

Wie baue ich CSS ein? Was muss ich beachten? Dies wird in diesem kurzem Tutorial erklärt.

Schritt 1

Es gibt 2 verschiedene Möglichkeiten CSS-Befehle und Klassen einzubauen.

Über eine externe Datei die CSS-Befehle und Klassen laden. D.h. die ganzen Befehle und Klassen werden in einer Datei ausgelagert.

Vorteil:

Seite lädt schnell
Man kann schneller die Styles aktualisieren
Man kann alle Seiten aktualisieren

wme_style.css

Code:

.text-style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
text-decoration: blink;
background-color: #999999;
}

datei.html

Code:

< html>
< head>
< title>Titel der Seite< /title>
< link rel="stylesheet" type="text/css" href="wme_style.css">
< /head>
< body> Inhalt der Webseite
< /body>
< /html>

Schritt 2

Die andere möglichkeit wäre die Styles direkt im Dokument zu speichern. Die Style Sheets werden in der jeweiligen Datei festgelegt.

Nachteil:

lädt länger

datei.html

Code:

< html>
< head>
< title>Titel der Seite
< style type="text/css">
< !--
.text-style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
color: #000000;
text-decoration: blink;
background-color: #999999;
}
-->
< /style>

< body> .....
< /body>
< /html>

Aktuell 1/5 Sternen.
1
2
3
4
5

Dieses Tutorial wurde geschrieben von jens - Homepage
Tags: css

Kommentare

Kommentare schreiben

Um einen Kommentar zu schreiben musst du eingeloggt sein.

Noch nicht registriert?

Kommentare

Kommentare zu dieser Tutorial

ich bin zufrieden mit der erklärung!
05.02.2009 14:26 Froschi

Hier geht's darum wie man eine CSS Datei einbindet. Und einfach eine
Einpfählung nebenbei wie man es am besten macht. Für mich ist das ein Tut
27.06.2008 10:54 gor

ja en tipp...
09.02.2008 19:37 blockx

Ich würds als beides durchgehn lassen.