Styling header elementer, såsom en side overskrift , ved hjælp af cascading style sheets (CSS) er en forholdsvis enkel proces . CSS giver dig mulighed for at angive style oplysninger, såsom skrifttype , farve og størrelse . Ved at bruge CSS med specifikke position tags ( tidl. : H1 , H2) , kan du have flere overskrifter på en side, hver med deres egen unikke stil . En enkel måde at gennemføre denne CSS er inline , eller inden overskriften tags. Instruktioner
1
Åbn HTML -fil, der indeholder header og header elementer, du ønsker at style . En integreret udviklingsmiljø ( IDE) giver betydelige funktioner, når du redigerer koden , dog vil en simpel teksteditor , som Notesblok tilstrækkeligt.
2
Naviger til header på siden. Dette afsnit er på toppen af siden og indeholder ofte elementer, såsom en side titel og menu . Det er ofte defineret ved "hoved" -tags : Hej
Content ... < /head>
3
Indtast overskrifterne , du ønsker i headeren ved hjælp af overskrifter HTML-tag ( H1, H2 osv.) . Du kan erklære flere HTML overskrifter tags. For eksempel : Hej
Dette er en test overskrift
Dette er en anden test overskrift < /h2 >
Sørg for at bruge en ordentlig syntaks (bliver skat tæt tag med "/" ) i hele koden.
4
Indtast følgende kode elementer adskilt af semikolon , for at fastlægge den stil af en overskrift. Nogle eksempler stil elementer er under : Hej
Color - "color: Indtast farve her ( Ex : rød) "
Font Size - "font- size: Indtast størrelse her ( Ex : 20px )"
Justér tekst - "text -align : Indtast position ( Ex : center ) "
Brug følgende syntaks ( style = " ...") efter den første header tag til at angive en specifik stil. For eksempel : Hej
Test Overskrift
Dette ville vise " Ted Overskrift "i midten af siden med rød skrift og en størrelse på 20 px .
5.
Gem alle ændringer du har foretaget i din kode .