Hvordan studere CSS kode

Som webdesign prosesser blir mer og mer komplekse, er web-programmerere på jakt etter måter å kutte ned på klumpete kode. Det er der CSS kommer inn. Cascading Style Sheets, eller CSS, er et språk for styling web-elementer som designere kan bruke til å skape "stil guider" som de kan bruke på en hel side eller et nettsted for å kutte ned på tiden som brukes, rotete kode og treg lasting. Studerer CSS-kode hjelper en HTML designer finne ut hvordan å implementere bedre koding.

Bruksanvisning

1 Study siden kildekoden. I likhet med andre typer webdesign, CSS dukker ofte opp i de frie og offentlige kildekoder online sider. Internett bringer disse kodeeksempler til deg gjennom «Vis kilde" kommandoen i nettleseren din oppfatning menyen. Gjennomgang side koder som inkluderer CSS moduler for å se hvordan det fungerer språket.

2 Bruk CSS tutorials. Guider og demoer for CSS florerer på nettet. Ett populært nettsted som lærer CSS er W3C nettstedet. Denne organisasjonen bidratt til å skape standarder for språket som en måte å hjelpe webdesignere over hele verden snakker et felles språk. W3C tutorials innlemme standarder Konsernet har opprettholdt for beste koding praksis.

3 Se etter en "forhold" med HTML. Når det kommer til CSS, kan programmerere sette CSS-kode i frittstående filer eller "legge ned" det i HTML-koden. Se på en rekke måter å inkludere CSS for å se hva som fungerer best for dine sider og nettsteder.

4 Bryt CSS ned i dens elementer. Det kan være vanskelig å se CSS-kode showet opp på en nettside kildekoden. En ting som bidrar til å gjøre CSS synlig er å forstå klassen navne metoder og måter som CSS sender stiler til flere elementer gjennom å skape maler. CSS-kommandoen vil omfatte et navn på en "klasse" eller mal. Deretter, med svingete braketter, vil programmerere legge ut egenskapene til en CSS element.

5 Lær syntaksen. Som med de fleste språk, har CSS egne kommandoer og diksjon. Hvis du blir god på å gjenkjenne standardkommandoer og hvordan CSS håndverk elementer gjennom "velgere", vil du kunne se hvor CSS er i interlaced kode.