Styles mit CSS definieren

Anstatt Änderungen an den Schriften, Scrollbalken oder den Linkfarben umständlich auf jeder Webseite einzeln vorzunehmen, kann man das mit wenigen Schritten tun, indem man mit "CSS" arbeitet. Dazu legt man eine eigene Datei an, in der die Farben, die Schriftart und Größe sowie die Linkfarben und sogar die Scrollbalken definiert werden.

Diese Datei erstellst Du wieder mit Deinem Texteditor.

Gehe auf Start > Programme > Zubehör > Editor und kopiere oder schreibe diesen Text dort rein.

So könnte Deine eigene style.css aussehen:

body {
cursor : crosshair ;
margin-top : 10px;
margin-bottom : 10px;
scrollbar-arrow-color: #A58B32;
scrollbar-base-color: #F3EEE8;
scrollbar-highlight-color : #F3EEE8;
scrollbar-shadow-color : #CEAA61;
background-color : #F3EEE8;
}

p, ul, ol, li, div, td, th, address, blockquote, nobr, b, i {
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #A58B32;
background : #F3EEE8;
}

p.justify {
font-size:10pt;
text-align:justify;
color: #F3EEE8;
background : #F3EEE8;
}

h4 {
font-size : 12pt;
color: #D8C8A8;
}


p, ul, ol, li, div, td, th, address, nobr, b, i {
font-size : 10pt;
}



a:link {
color: #A58B32;
text-decoration: none;
}


a:visited {
color : #000000;
text-decoration : none;
}


a:hover {
color : #A58B32;
text-decoration : underline;
}

...
Ich stelle Dir hier das Styles.css zum Downlaoden zur Verfügung, Du kannst jederzeit die Farben des Hintergrundes, Mouseover und Scrolbalken erstellen und umändern.



Diese Datei wird wieder in Deinem Ordner Deiner Homepage abgespeichert. Solltest Du eine neue Datei schreiben wollen, so musst Du sie später immer wieder mit dem Namen.css abspeichern.

Damit Deine Styleangaben auch funktionieren, musst Du auf jeder Deiner Webseiten  einen Hinweis auf die Style-Datei einfügen:

<title>Meine erste Homepage</title>
<link rel="stylesheet" href="styles.css" type="text/css">
</head>

Hast Du das Style jetzt in einem Ordner untergebracht,  musst Du auch den Ordner angeben, sonst kann es nicht funktionieren.

Beispiel:

Ordner Styles
<title>Meine erste Homepage</title>
<link rel="stylesheet" href="styles/styles.css" type="text/css">
</head>


Damit sagst Du dem Browser, dass er die Texte der Style-Datei anzeigen soll.

 

Gruss Anita