Ergebnis 1 bis 2 von 2

Thema: css-Verweis einbetten in html

  1. #1
    Silgn
    Gast

    Standard css-Verweis einbetten in html

    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
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Administrator Avatar von admin
    Registriert seit
    16.01.2003
    Ort
    Karlsruhe
    Beiträge
    12.779
    Danke
    1
    Bekam 4 mal "Danke" in 2 Postings
    Blog-Einträge
    42

    Standard

    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 
       &#123; 
       margin-top&#58; 10px; 
       margin-bottom&#58; 10px; 
       margin-left&#58; 10px; 
       margin-right&#58; 10px; 
       font-family&#58; Arial,Helvetica,sans-serif; 
       font-size&#58; 10pt; 
       color&#58; #000000; 
       background-color&#58; #FFFFFF; 
       &#125;
    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
    	&#123;
    	text-decoration&#58; none;
    	&#125;
    	
    A&#58;Link
    	&#123;
    	color&#58; rgb&#40;0,0,255&#41;;
    	text-decoration&#58; none;
    	&#125;
    	
    A&#58;Visited
    	&#123;
    	color&#58; rgb&#40;153,0,153&#41;;
    	&#125;
    
    A&#58;Hover
    	&#123;
    	text-decoration&#58; none;
    	color&#58; rgb&#40;255,255,255&#41;;
    	background-color&#58; rgb&#40;0,0,255&#41;;
    	&#125;
    
    A&#58;link .link-bild1
    	&#123;
    	border-width&#58; 3px;
    	border-style&#58; solid;
    	border-color&#58; rgb&#40;255,255,255&#41;;
    	background-color&#58; rgb&#40;255,255,255&#41;;
    	text-decoration&#58; none;
    	&#125;
    
    A&#58;hover .link-bild1
    	&#123;
    	border-width&#58; 3px;
    	border-style&#58; solid;
    	border-color&#58; rgb&#40;255,0,0&#41;; 
    	background-color&#58; rgb&#40;255,255,255&#41;;
    	text-decoration&#58; none;
    	&#125;
    
    
    body
    	&#123;
    	margin-top&#58; 10px;
    	margin-bottom&#58; 10px;
    	margin-left&#58; 10px;
    	margin-right&#58; 10px;
    	font-family&#58; Arial,Helvetica,sans-serif;
    	font-size&#58; 10pt;
    	color&#58; #000000;
    	background-color&#58; #FFFFFF;
    	&#125;
    
    /* 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	 					*/
    /*     &#123; font-family&#58;Arial,Helvetica,sans-serif; &#125; 							*/
         
    /* normaler Text, maessige Schriftgroesse									*/
    /* redundant zur Angabe in BODY, notwendig weil Browserfehler? 				*/
    P,UL,OL,LI,DIV,TD,TH,ADDRESS
    	&#123;
    	font-size&#58;10pt;
    	&#125;
    	
    EM
    	&#123;
    	font-style&#58;italic;
    	&#125;
    	
    STRONG
    	&#123;
    	font-weight&#58; bold;
    	&#125;
    
    PRE
    	&#123;
    	font-family&#58; Courier New,Courier,Pica,monospaced;
    	font-size&#58;11pt;
    	font-weight&#58; normal;
    	font-style&#58; normal;
    	&#125;
    
    
    /* Kategorie 1 - Ueberschriften */
    H1
    	&#123;
    	font-size&#58;18pt;
    	&#125;
    H1 EM
    	&#123;
    	color&#58;#C0C0C0;
    	font-style&#58;normal;
    	&#125;
    
    /* Kategorie 2 - Ueberschriften */
    H2
    	&#123;
    	font-size&#58;14pt;
    	&#125;
    H2 EM
    	&#123;
    	color&#58;#C0C0C0;
    	font-style&#58;normal;
    	&#125;
    
    /* Kategorie 3 - Ueberschriften */
    H3
    	&#123;
    	font-size&#58;14pt;
    	&#125;
    H3 EM
    	&#123;
    	color&#58;#C0C0C0;
    	font-style&#58;italic;
    	&#125;
    
    /* Kategorie 4 - Ueberschriften */
    H4
    	&#123;
    	font-size&#58;12pt;
    	&#125;
    H4 EM
    	&#123;
    	color&#58;#C0C0C0;
    	font-style&#58;normal;
    	&#125;
    
    
    /* hr &#123; padding-top&#58;0.4cm; padding-bottom&#58;0.6cm; &#125; */
    
    LI
    	&#123;
    	list-style-type&#58; disc;
    	padding-bottom&#58; 0.3cm;
    	&#125;
    
    /* Text in kleiner Schrift */
    .klein
    	&#123;
    	font-size&#58;8pt;
    	&#125;
    
    #fux-color
    	&#123;
    	color&#58;#FF00FF;
    	&#125;
    
    #mark-font1
    	&#123;
    	font-size&#58;16pt;
    	font-style&#58;italic;
    	font-weight&#58;bold;
    	&#125;
    	
    #fuss-font1
    	&#123;
    	font-size&#58;11pt;
    	font-style&#58;italic;
    	&#125;
    	
    #fuss-font2
    	&#123;
    	font-size&#58;11pt;
    	&#125;
    Die Forenregeln und Nutzungsbedingungen sind auch zum lesen da !!!


Ähnliche Themen

  1. HTML-Verweis Öffnen unterdrücken
    Von Peter2 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 19.06.2008, 14:21
  2. Verweis-sensitive Grafiken in HTML 4 aber nicht in xhtml
    Von dernetteMann im Forum HTML & CSS Forum
    Antworten: 9
    Letzter Beitrag: 07.06.2008, 00:21
  3. javascript einbetten in html-page
    Von michl1954 im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 17.03.2008, 15:03
  4. Seiten einbetten
    Von Peter im Forum Zope & Plone - das deutsche Hilfeforum
    Antworten: 6
    Letzter Beitrag: 01.06.2006, 21:24
  5. Antworten: 3
    Letzter Beitrag: 05.07.2005, 23:31

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •