På et tidligt tidspunkt fandt man ud af at den oprindelige html-standard ikke var god nok hvis man ville skrive dokumenter der var pæne at se på. Så fandt man et nyt koncept som man kaldte styles.
Styles er et meget bredt koncept der omfatter ikke bare formatering af bokstaver, størrelser og farver. Med styles kan man også lave rammer, og man kan fortælle præcis hvor på siden man vil have noget til at stå.
Hvad endnu bedre er, man kan med javaskript få fat i styles og ændre dem. Når man kan få fat i hvor på siden tingene står, så kan man også få dem til at bevæge sig!
Før vi skal prøve det skal vi lige lære lidt om hvordan man skriver styles. Man kan faktiskt gøre det på forskellige måder.
Hvis man skriver <P style="background-color : #FF0000; FONT-WEIGHT: bold; ">Dette er et eksempel på<br/> et stykke med rød baggrund</p>
Dette er et eksempel
på
et stykke med rød
baggrund
Læg mærke til, at hvor man i HTML bruger =-tegn så bruger man i style et kolon (:) hele style skal stå i gåseøjne (") og de enkelte erklæringer er adskilte med semikolon(;). Læg også mærke til at definitionen er meget forskellige fra html i html hedder det bgcolor= medens in CCS hedder det background-color.
Man kan også vælge at skrive stil arten ned i en separat fil, og så referere til den fra hovedet.
med
<head>
<link rel="stylesheet" href="DHTML.css>
</head>