Prosedyren for å opprette Cascading Style Sheets for websider ment å bli sett på smarttelefoner og andre mobile enheter er ikke forskjellig fra hvordan du ville skape CSS for websider vises på personlige datamaskiner . Stiler kan legges til del av et HTML-dokument eller du kan opprette en ekstern CSS-fil og importere den til delen av dokumentet . Du trenger tekst editor eller HTML-redigeringsprogram, installert Vis flere instruksjoner , Legg CSS -koden i HTML- fil en
Åpne en ny HTML -fil i din foretrukne tekst -eller HTML- editor. Kopier og lim inn denne koden inn i dokumentet : < ! DOCTYPE HTML >
Sidetittel < /title>
< /head >
< /body > < /html > 2
Klikk på blank linje under < ; title> tags og skrive et par stilmerkene som følger :
Page tittel < /title> 4
Fortsett å skrive CSS definisjoner inntil Web din side er stylet på en tilfredsstillende måte . 5
Lag innholdet på websiden mellom åpning og lukking
koder. Ta i bruk CSS-regler til innholdet som ønsket. 6
Lagre HTML -fil med en " . Html " forlengelse . Lag en ekstern CSS -fil side 7
Åpne en ny HTML -fil i din foretrukne tekst -eller HTML- editor. Kopier og lim inn denne koden inn i dokumentet : < ! DOCTYPE HTML >
Sidetittel < /title>
< /head >
< /body > < /html > 8
Klikk på den blanke linjen umiddelbart etter
kodesett og skriv inn følgende kode , som vil importere " style.css " file : en
Denne koden importerer den eksterne stilark som skal brukes til å formatere de ulike elementene i din webside . 9
Åpne en ny fil i din tekst eller HTML editor og skriv inn følgende kode på første linje : en
@ charset " utf- 8 ";
denne koden forteller nettleseren dette er en CSS-fil . 10
Skriv inn eventuelle CSS definisjoner som du vil bruke på HTML-dokumentet . For eksempel kan det hende at kroppen stil ligne dette : en
@ charset " utf- 8 ";
body { font- family: . Arial , Helvetica , sans - serif ; font- size : 12px ; font- style : normal ; font-weight : normal ; font- variant : normal ;}
Når du er ferdig med å legge inn CSS definisjoner , lagre denne filen som " style.css " . 11
Lag innholdet på websiden mellom åpning og lukking
koder. Ta i bruk CSS-regler til innholdet som ønsket. 12