Styling header elementer, for eksempel en side vei , ved hjelp av gjennomgripende stilark ( CSS) er en relativt grei prosess . CSS lar deg spesifisere stil informasjon, som skrifttype , farge og størrelse. Ved å bruke CSS med spesifikke overskriften koder ( ex : H1 , H2 ) , kan du ha flere overskrifter på en side, hver med sin egen unike stil . En enkel måte å implementere denne CSS er inline , eller innenfor overskriften koder . Instruksjoner
en
Åpne HTML -fil som inneholder header og header elementer du ønsker å style . Et integrert utviklingsmiljø ( IDE ) tilbyr betydelige funksjoner når du redigerer koden , vil imidlertid en enkel tekst editor , for eksempel Notisblokk holde.
2
Naviger til overskriften på siden . Denne seksjon er øverst på siden, og ofte inneholder elementer, slik som en side tittel og meny . Det er ofte definert av "hodet " koder : en
innhold ... < /head>
3
Skriv overskriftene du vil ha i header ved å bruke overskrifter HTML-kode ( H1 , H2 etc. ) . Du kan erklære flere HTML overskrifter koder. For eksempel : en
Dette er en test på vei < /h1 >
Dette er en annen test overskriften < /h2 >
Sørg for å bruke riktig syntaks (som skatt, nær tag med "/" ) gjennom koden .
4
skriv inn følgende kode elementer, atskilt med semikolon , for å angi stilen på en overskrift. Noen eksempel stilelementer er nedenfor:
Color - "color: Tast farge her (Ex : rød )"
Font Size - " font-size : Skriv størrelse her (Ex : 20px )"
Juster tekst - "text -align : Skriv stilling (Ex : center )"
Bruk følgende syntaks ( style = " ...") etter den første overskriften koden til å angi en bestemt stil. For eksempel : en
Test Overskrift < /h1 >
p Dette ville vise " Ted Overskrift "i midten av siden med rød skrift og en størrelse på 20 px.
5
Lagre eventuelle endringer du har gjort i koden din .