Kā izmantot CSS, lai mainītu fonta krāsu

Vai vēlaties izrotāt savu vietni ar dažādām fontu krāsām? To var izdarīt, izmantojot CSS. CSS apzīmē Cascading Style Sheets un ir noklusējuma valoda, ko izmanto, lai izveidotu un pārvaldītu jebkuras vietnes stilu.

Ir trīs metodes, kā lietot CSS HTML dokumentā. Tie ir iekļautā CSS, iekšējā/iegultā CSS un ārējā CSS.

Pirmā metode: iekļauta CSS

Lai mainītu fonta krāsu CSS, jums ir jāizveido CSS kārtula, lai iestatītu krāsas īpašības vērtība.

Iekļautā metode izmanto stila rekvizītu, ko varat lietot gandrīz jebkuram elementam. Šeit ir piemērs, kas HTML rindkopas fonta krāsu iestata uz sarkanu:

Teksta rindkopa

To pašu efektu var sasniegt, izmantojot iekšējo/iegulto CSS vai ārējo CSS.

Otrā metode: iekšējais/iegultais CSS

Varat izmantot šo metodi, ja vēlaties izveidot CSS kārtulas, kas ietekmē vairāk nekā vienu HTML elementa gadījumu, bet tikai vienā lapā. Pēc tam CSS kārtulas tiek ierakstītas HTML lapas galvā, izmantojot stila elementu:

Trešā metode: ārējais CSS

Trešais veids, kā panākt tādu pašu efektu, ir ārējas CSS stila lapas izmantošana. Izmantojot teksta redaktoru, izveidojiet failu ar paplašinājumu ".css". Parasti šo failu sauc par kaut ko līdzīgu

stila lapa.css bet jūs varat to nosaukt jebko, ja vien saglabājat paplašinājumu ".css".

Lai krāsotu pamattekstu zaļā krāsā, piemēram, izmantojot ārēju stila lapu, vienkārši ielīmējiet CSS kārtulu šādi:

p { krāsa: zila }

HTML dokumentā HTML head elementā jāiekļauj saite uz savu stila lapu:

Teksta rindkopa

Fonta krāsas maiņa HTML, neizmantojot CSS

Labākā prakse ir izmantot CSS, taču tālāk ir norādīts, kā mainīt fonta krāsu, izmantojot tikai HTML.

Teksta rindkopa

Fonta elements kopā ar krāsas atribūtu ir novecojis. Tas ir tāpēc, ka tie ir prezentācijas, nevis strukturālie elementi. Mūsdienu HTML jāsastāv tikai no strukturālajiem elementiem.

Fonta krāsas maiņa CSS ir samērā vienkārša

Mēs esam parādījuši trīs metodes fonta krāsas maiņai CSS. Mēs esam arī parādījuši, kā to izdarīt vecajā veidā, izmantojot HTML fonta tagu. Izmēģiniet tos un uzziniet, kas jums ir vislabākais!

Kad esat apguvis fonta krāsas maiņu, izmantojot CSS un HTML, iespējams, vēlēsities mainīt fonta lielumu HTML.

Kā mainīt HTML fonta lielumu CSS

Lasiet Tālāk

Par autoru