Cum să utilizați CSS pentru a schimba culoarea fontului

Doriți să vă înfrumusețați site-ul cu câteva culori diferite de font? Puteți face acest lucru folosind CSS. CSS înseamnă Cascading Style Sheets și este limbajul implicit folosit pentru crearea și gestionarea stilului oricărui site web.

Există trei metode de aplicare a CSS la un document HTML. Acestea sunt CSS inline, CSS intern/încorporat și CSS extern.

Metoda unu: CSS inline

Pentru a schimba culoarea fontului în CSS, va trebui să creați o regulă CSS pentru a seta valoarea proprietății culorii.

Metoda inline folosește proprietatea de stil pe care o puteți aplica aproape oricărui element. Iată un exemplu care setează culoarea fontului unui paragraf HTML la roșu:

Paragraf de text

Puteți obține același efect folosind CSS intern/încorporat sau CSS extern.

Metoda a doua: CSS intern/încorporat

Puteți utiliza această metodă atunci când doriți să creați reguli CSS care afectează mai mult de o instanță a unui element HTML, dar numai pe o singură pagină. Regulile CSS sunt apoi scrise în capul paginii HTML, folosind un element de stil:

Metoda trei: CSS extern

A treia modalitate de a obține același efect este utilizarea unei foaie de stil CSS externă. Folosind un editor de text, creați un fișier cu extensia „.css”. Practica obișnuită este să numiți acest fișier așa ceva foaie de stil.css dar îi poți denumi orice, atâta timp cât păstrezi extensia „.css”.

Pentru a vă colora textul în verde, de exemplu, folosind o foaie de stil externă, pur și simplu lipiți regula CSS astfel:

p {culoare: albastru}

În documentul HTML, ar trebui să includeți un link către foaia de stil în cadrul elementului HTML head:

Paragraf de text

Schimbarea culorii fontului în HTML, fără CSS aplicat

Cea mai bună practică este să folosiți CSS, dar iată cum puteți schimba culoarea fontului folosind numai HTML:

Paragraf de text

Elementul font, împreună cu atributul său de culoare, este depreciat. Acest lucru se datorează faptului că sunt mai degrabă elemente de prezentare decât structurale. HTML modern ar trebui să conțină numai elemente structurale.

Schimbarea culorii fontului în CSS este relativ simplă

V-am arătat trei metode pentru a schimba culoarea fontului în CSS. De asemenea, v-am arătat cum să faceți acest lucru în vechiul mod folosind eticheta de font HTML. Încearcă-le și vezi care funcționează cel mai bine pentru tine!

Odată ce ați stăpânit schimbarea culorii fontului folosind CSS și HTML, poate doriți să stăpâniți modificarea dimensiunii fontului în HTML.

Cum se schimbă dimensiunea fontului HTML în CSS

Citiți în continuare

Despre autor