Hvordan bruke CSS til å endre skriftfarge

Ønsker du å piffe opp nettstedet ditt med noen forskjellige skriftfarger? Du kan gjøre dette ved å bruke CSS. CSS står for Cascading Style Sheets og er standardspråket som brukes for å lage og administrere stilen til ethvert nettsted.

Det er tre metoder for å bruke CSS på et HTML-dokument. Disse er innebygd CSS, intern/innebygd CSS og ekstern CSS.

Metode én: Inline CSS

For å endre skriftfarge i CSS, må du opprette en CSS-regel for å angi verdien av fargeegenskapen.

Den innebygde metoden bruker stilegenskapen som du kan bruke på nesten alle elementer. Her er et eksempel som setter skriftfargen til et HTML-avsnitt til rød:

Tekstavsnitt

Du kan oppnå samme effekt ved å bruke intern/innebygd CSS, eller ekstern CSS.

Metode to: Intern/innebygd CSS

Du kan bruke denne metoden når du vil lage CSS-regler som påvirker mer enn én forekomst av et HTML-element, men bare på én enkelt side. CSS-reglene skrives deretter inn i hodet på HTML-siden ved å bruke et stilelement:

Metode tre: Ekstern CSS

Den tredje måten å oppnå samme effekt på er å bruke et eksternt CSS-stilark. Bruk et tekstredigeringsprogram, lag en fil med filtypen ".css". Vanlig praksis er å kalle denne filen noe sånt stilark.css men du kan navngi det hva som helst så lenge du beholder utvidelsen ".css".

For å farge brødteksten grønn, for eksempel ved å bruke et eksternt stilark, lim inn CSS-regelen slik:

p { farge: blå }

I HTML-dokumentet ditt bør du inkludere en lenke til stilarket ditt i HTML-hodeelementet:

Tekstavsnitt

Endre skriftfarge i HTML, uten CSS brukt

Den beste praksisen er å bruke CSS, men her er hvordan du endrer skriftfarge med HTML alene:

Tekstavsnitt

Skriftelementet, sammen med dets fargeattributt, er utdatert. Dette er fordi de er presentasjonsmessige snarere enn strukturelle elementer. Moderne HTML bør kun bestå av strukturelle elementer.

Det er relativt enkelt å endre skriftfarge i CSS

Vi har vist deg tre metoder for å endre skriftfarge i CSS. Vi har også vist deg hvordan du gjør dette på den gamle måten ved å bruke HTML-font-taggen. Prøv dem ut og se hva som fungerer best for deg!

Når du har mestret å endre skriftfarge ved hjelp av CSS og HTML, vil du kanskje mestre å endre skriftstørrelse i HTML.

Hvordan endre HTML-skriftstørrelse i CSS

Les Neste

Om forfatteren