Content
< /div >
< p> Footer
< /div >
p Dette er et typisk layout til en webside. "Header " refererer til toppen af siden , menuen er beliggende nedenunder . Hovedindholdet af hver enkelt side går ind i "Indhold " sektionen, og " Footer " sektionen normalt huser den nederste menu på en webside. Hver sektion har et id , der bruges af den CSS-fil til at henvise til hvert element og placere den i det relevante afsnit på siden.
4
Gem siden . ( Sørg for den gemmes som en " . Html " fil . )
5
Opret en ny " . Css " fil .
6
Indsæt layout kode for den overordnede dokument og derefter tilføje og manipulere skrifttypen og baggrundsfarven ved at bruge følgende kode : Hej
* {
margin: 0 ;
padding: 0 ;
< p >}
body {
baggrund: # EEEEEE ;
font- family: sans-serif ;
font- size: 12px ;
}
7
Tilsæt stil for header div , der vil definere højden og farve : Hej
div # header {
højde: 160px ;
baggrund: # 800000 ;
}
8
Definer typografi for de andre div elementer på siden : "Navigation ", den " indhold" og de " footer " : Hej
div # navigation {
baggrund : hvid ,
bredde: 25% ;
float : left ;
< p> }
div # indhold {
margin: 0 25%
baggrund: # BDBD00 ;
}
div # footer {
baggrund: # 800000 ;
bredde: 100% ;
klar: til venstre;
}
9 < p> Gem filen som " MyName.css " .
10
Test siden i en browser ved at åbne HTML-side , du netop har oprettet. Kopier HTML-koden , og tilføj gældende indhold til at skabe hver ny side til din hjemmeside.