Hvordan skille en Header og avsnitt i CSS

May 21

Cascading Style Sheets (CSS) gir deg muligheten til å definere spesielle stil funksjoner, som for eksempel skrift og skriftstørrelse, i overskriften og avsnitt på websiden. Når du oppretter forskjellene mellom disse to tekstområder, gjør du det slik at de er anerkjent som distinkte elementer. Dette formatering gir nettstedet et tilpasset utseende og hjelper besøkende navigere gjennom din informasjon. Bruk datamaskinens tekst editor program for å legge til CSS som skiller din header og ledd, som du foretrekker.

Bruksanvisning

1 Ta opp en teksteditor programmet og åpne nettsiden filen som har overskriften og nr du er styling. Skriv dette CSS-kode før den avsluttende </ head> koden øverst på siden:

</ Style>

2 Skriv inn header element, slik som "h1", som inneholder header tekst og følger dette med et par klammeparentes. I tillegg skriver du "p" for avsnitt med brakettene som så:

h1 {}

p {}

Denne handlingen skaper de individuelle stil regler som formatere header og ledd separat.

3 Skriv "color:;" i hvert sett av braketter og skriv en heksadesimal fargeverdi etter hver oppføring for å tildele skyggen av skrift i overskriften og ledd. Å illustrere:

h1 {color: #cccccc; }

p {color: # 606060; }

4 Type "font-family:;" etter fargen attributtet og skriv inn navnet på en font kombinasjon i hver regel som vist her:

h1 {font-family: "Times New Roman", Times, serif; }

p {font-family: "Comic Sans MS", kursiv, sans-serif; }

Den font-family attributt presenterer overskriften og avsnitt i skrifttypen du angir.

5 Skriv "font-size:;" og følge dette med en tallverdi i piksler (px) for å bestemme størrelsen av teksten. For eksempel:

h1 {font-size: 25px; }

p {font-size: 14px; }

6 Lagre filen. Din ferdig CSS-koden ligner på dette eksempelet:

h1 {color: #cccccc; font-family: "Times New Roman", Times, serif; font-size: 25px; }

p {color: # 606060; font-family: "Comic Sans MS", kursiv, sans-serif; font-size: 14px; }

</ Style>

Hint

CSS-reglene brukes automatisk til din header og avsnitt når du lagrer filen og laste opp dokumentet tilbake til Web vert å publisere den.