Global-style-1

Sidst opdateret
26. februar 2005

 

Opret dit første Global Style Sheet

Et eksempel

 

 

  • Åbn en af dine web-sider i Notepad eller FrontPage 
    ( hvis FP så vælg HTML-visning så du kan se HTML- koderne i dokumentet)
  • Indskriv i head-sektoren ( dvs. mellem <head> ...og </head> følgende:

<Style Type= "text/css">
Body {
background-color: black;
font-family:arial, verdana;
color:white;
}
</Style>

  • Gem html-dokumentet (lad være at lukke det , bare gem) og se resultatet i browseren.
  • Prøv at ændre værdierne for de enkelte egenskaber , dvs vælge en anden baggrundsfarve og anden skriftfarve.

Hva skete der ...? Baggrunden blev sort , skrifttypen ændret til Arial og skriftfarven blev hvid.

Se her et eksempel på brug af dette globale style sheet

husk.jpg (5811 bytes)Tips : Fungerer det ..? Hvis ikke - så check lige:
  • check lige om du har brugt kollon (:) og semikolon (;) rigtigt.
  • Husk også - at hvis du i forvejen har formateret din side, m.h.t. skrifttype og skriftfarve, så vil disse formateringer i selve BODY-sektoren overskrive dit Globale style Sheet. Fjern derfor disse formateringer, f.eks i HTML visning.

 

Med eller uden FP98 ? Style Sheets kan også laves i  FP 98. Se Format -> StyleSheets. Men jeg syntes ikke det virker særlig smart. Et eksempel på anvendelse af CSS i FP98 , er Themes. De indbyggede 'Themes' i FP98 er alle Style Sheets med fast definition af tekst, farver , buttoms, etc.
Næste side næste side - se menuen øverst - skal vi udvide vores stylesheet.
© Otto leholt

Til top af siden