css-Verweis einbetten in html

Silgn

Hi, bin bei meiner ersten homepage. Ich wollte im head-Teil einen Verweis auf eine css-Datei erstellen:
<link rel="stylesheet" type="text/css" href="Roberts homepage.css">

In meiner css-Datei wollte ich nun alle meine Fromatierungen angeben. Was schreibt man in der css-Datei? Muss ich erst Mal darauf verweisen, dass der Link bei der html-Datei im head steht? Kann mir jemand ein kurzes Beispiel dafür geben.
Ich hätte nämlich nur sowas in die css-Datei reingeschrieben:
{
font-family: sans-serif;
font-size: x-large;
font-weight: bold;
text-align: center;
color: #42A0FF;
background: #0000A0;
}

Die Formatierung wird aber nicht im Browser angezeigt.
Danke schon mal, Silgn

admin

Hier mal ein paar Beispiele einer CSS Datei.
Wie Du hier gut sehen kannst, mußt Du das zb bei der Hintergrundfarbe und Schriftart in den Bodybereich der CSS Datei schreiben.

Code

body 
   { 
   margin-top: 10px; 
   margin-bottom: 10px; 
   margin-left: 10px; 
   margin-right: 10px; 
   font-family: Arial,Helvetica,sans-serif; 
   font-size: 10pt; 
   color: #000000; 
   background-color: #FFFFFF; 
   }

Alles anzeigen

Code

/* Zum Einbinden in den HTML-Quelltext muss  								*/
/* die folgende Zeile im Kopf dessen stehen!              					*/
/* <link rel="stylesheet" type="text/css" href="./_brix_form1.css">         */




A
	{
	text-decoration: none;
	}

A:Link
	{
	color: rgb(0,0,255);
	text-decoration: none;
	}

A:Visited
	{
	color: rgb(153,0,153);
	}


A:Hover
	{
	text-decoration: none;
	color: rgb(255,255,255);
	background-color: rgb(0,0,255);
	}


A:link .link-bild1
	{
	border-width: 3px;
	border-style: solid;
	border-color: rgb(255,255,255);
	background-color: rgb(255,255,255);
	text-decoration: none;
	}


A:hover .link-bild1
	{
	border-width: 3px;
	border-style: solid;
	border-color: rgb(255,0,0); 
	background-color: rgb(255,255,255);
	text-decoration: none;
	}




body
	{
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #FFFFFF;
	}


/* margin-top    = Abstand zwischen Fensterrand und Inhalt oben				*/
/* margin-bottom = Abstand zwischen Fensterrand und Inhalt unten 			*/
/* 10px = 10 Pixel, Wert aenderbar 											*/
/* font-family = Schriftfamilie fuer Textelemente 							*/
/* Arial,Helvetica,sans-serif = Arial, Helvetica und serifenlose Schrift 	*/
/* font-size = Schriftgroesse 												*/
/* 18pt = 18 Punkt = 18 * 1/72" 										*/




/* globale Definition der Textelemente 										*/
/* redundant zur Angabe in BODY, daher bisher nicht notwendig 				*/
/* p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote	 					*/
/*     { font-family:Arial,Helvetica,sans-serif; } 							*/

/* normaler Text, maessige Schriftgroesse									*/
/* redundant zur Angabe in BODY, notwendig weil Browserfehler? 				*/
P,UL,OL,LI,DIV,TD,TH,ADDRESS
	{
	font-size:10pt;
	}

EM
	{
	font-style:italic;
	}

STRONG
	{
	font-weight: bold;
	}


PRE
	{
	font-family: Courier New,Courier,Pica,monospaced;
	font-size:11pt;
	font-weight: normal;
	font-style: normal;
	}




/* Kategorie 1 - Ueberschriften */
H1
	{
	font-size:18pt;
	}
H1 EM
	{
	color:#C0C0C0;
	font-style:normal;
	}


/* Kategorie 2 - Ueberschriften */
H2
	{
	font-size:14pt;
	}
H2 EM
	{
	color:#C0C0C0;
	font-style:normal;
	}


/* Kategorie 3 - Ueberschriften */
H3
	{
	font-size:14pt;
	}
H3 EM
	{
	color:#C0C0C0;
	font-style:italic;
	}


/* Kategorie 4 - Ueberschriften */
H4
	{
	font-size:12pt;
	}
H4 EM
	{
	color:#C0C0C0;
	font-style:normal;
	}




/* hr { padding-top:0.4cm; padding-bottom:0.6cm; } */


LI
	{
	list-style-type: disc;
	padding-bottom: 0.3cm;
	}


/* Text in kleiner Schrift */
.klein
	{
	font-size:8pt;
	}


#fux-color
	{
	color:#FF00FF;
	}


#mark-font1
	{
	font-size:16pt;
	font-style:italic;
	font-weight:bold;
	}

#fuss-font1
	{
	font-size:11pt;
	font-style:italic;
	}

#fuss-font2
	{
	font-size:11pt;
	}

Alles anzeigen

css-Verweis einbetten in html

Tags

Benutzer online in diesem Thema