Hvordan skrive CSS Style Sheets

Cascading Style Sheets er en enkel måte å kontrollere nettstedets layout. Å gjøre en endring i CSS side påvirker hver side på nettstedet ditt uten at du må gå inn på hver side for å fikse styling. Du kan kaskade en andre CSS side til å overprøve stil nettstedets for et bestemt område av nettstedet. Du kan også bruke styling direkte i HTML-koden eller CSS på toppen av en enkelt HTML-side.

Bruksanvisning

1 Åpne en ny fil i en vanlig tekstredigeringsprogram, for eksempel Notisblokk på Microsoft Windows.

2 Skriv velger du ønsker å style. Velgeren er navnet på en kode i HTML-dokumentet som "p", "a" eller "h1". Trykk på mellomromstasten, skriv "{" for å begynne styling valgte tag. For vårt eksempel, stil "<p>" tag ved å skrive:

p {

3 Trykk "Enter" for å gå til neste linje, deretter inn en eiendom. Egenskaper inkluderer farge, font-family og font-size. Type "color: blue;" å endre fargen på teksten til blå. "Color" er eiendommen og "blå" er verdien. Etter hver verdi, skriver du et semikolon for å indikere at det er slutten av stilen din. Skriv inn en annen stil ved å skrive "font-family: Tahoma ;." Ta så mange eiendommer som er nødvendig for hver stil.

4 Skriv inn et "}" på slutten av stilen. Trykk "Enter" for å gå til en ny linje for å begynne en ny stil. Koden for prøven avsnittsstilen vil være:

p {
color: blue;
font-family: Tahoma;
}

Hvis du ønsker å bruke samme stil for to eller flere koder, som ledd og h1, skriver det slik:

p, h1 {
color: blue;
font-family: Tahoma;
}