Bli kjent med Cascading Style Sheets med dette CSS-juksearket

Definer de grunnleggende stilene på hvert nettsted du lager

InnholdsfortegnelseUtvide

• Karaktersettet
• Styling av sideteksten
• Standard skriftstiler
• Overskrifter
• Styling lenker
• Full Style Sheet

Når du bygge en nettside fra bunnen av , er det smart å starte med de grunnleggende stilene som er definert. Det er som å starte med et rent lerret og friske børster. Et av de første problemene som webdesignere står overfor er det nettlesere er alle forskjellige. Standard skriftstørrelse er forskjellig fra plattform til plattform, standard skriftfamilie er forskjellig, noen nettlesere definerer marger og utfylling på body-taggen mens andre ikke gjør det, og så videre. Omgå disse inkonsekvensene ved å definere standardstilene for nettsidene dine.

CSS og tegnsettet

Først må du sette tegnsettet til CSS-dokumentene dine til utf-8 . Selv om det er sannsynlig at de fleste sidene du designer er skrevet på engelsk, kan noen være lokalisert – tilpasset ulike språklige og kulturelle kontekster. Når de er det, forenkler utf-8 prosessen. Innstilling av tegnsettet i eksternt stilark vil ikke ha forrang over en HTTP header, men i alle andre situasjoner vil den gjøre det.

Det er enkelt å stille inn tegnsettet. For den første linjen i CSS-dokumentet, skriv:

|_+_|

På denne måten, hvis du bruker internasjonale tegn i innholdsegenskapen eller som klasse og ID-navn , vil stilarket fortsatt fungere som det skal.

Styling av sideteksten

Det neste et standard stilark trenger er stiler til null ut marger, utfylling og kantlinjer . Dette sikrer at alle nettlesere plasserer innholdet på samme sted, og at det ikke er noen skjulte mellomrom mellom nettleseren og innholdet. For de fleste nettsider er dette for nær kanten for tekst, men det er viktig å starte der slik at bakgrunnsbilder og layoutinndelinger er riktig stilt opp.

|_+_|

Sett standard forgrunns- eller skriftfarge til svart og standard bakgrunnsfarge til hvit. Selv om dette mest sannsynlig vil endre seg for de fleste nettsidedesign, har disse standardfargene satt på kroppen og HTML-tag til å begynne med gjør siden lettere å lese og jobbe med.

|_+_|

Standard skriftstiler

Skriftstørrelsen og skriftfamilien er noe som uunngåelig vil endre seg når designet tar tak, men start med en standard skriftstørrelse på 1 i og en standard fontfamilie av Arial, Genève eller noe annet sans serif font . Bruken av ems holder siden så tilgjengelig som mulig, og en sans-serif font er mer lesbar på skjermen.

|_+_|

Ikke glem lenkene

Å style lenkefargene er nesten alltid en kritisk del av designet, men hvis du ikke definerer dem i standardstilene, er sjansen stor for at du glemmer minst én av pseudoklassene. Definer dem med en liten variasjon på blått og endre dem når du har definert fargepaletten for nettstedet.

For å stille inn lenker i blå nyanser, sett:

lenkersom blåbesøkte lenkersom mørkeblåhover lenkersom lyseblåaktive lenkersom enda blekere blå

Som vist i dette eksemplet:

|_+_|