Mainīt vārdu krāsu ar SPAN tagu CSS

click fraud protection

Ārējā CSS stila lapā varat norādīt fonta krāsas, izmērus un citus parametrus. Tomēr, ja vēlaties mainīt tikai viena vārda vai frāzes krāsu, vienkāršākais un vienkāršākais veids ir izmantot tagu ievietotajā rindā. Iekļautais CSS ir tieši tāds, kā izklausās: tas tiek pievienots lapas HTML, nevis ārējā stila lapā.

Neizmantojiet tagu, kas ir novecojis.

Lai mainītu vārda krāsu, izmantojot tagu, rīkojieties šādi:

  1. Izmantojot koda skata režīmā vēlamo teksta vai HTML redaktoru, novietojiet kursoru pirms krāsojamā vārda vai vārdu grupas pirmā burta.

  2. Ļaujiet tekstu, kura krāsu mēs vēlamies mainīt, aptiniet ar tagu, ieskaitot klases atribūtu. Visa rindkopa var izskatīties šādi: šis ir teksts, kas ir koncentrēts uz teikumu.

  3. Piešķiriet šim konkrētajam tekstam "āķi", ko mēs varam izmantot CSS. Mūsu nākamais solis ir pāriet uz mūsu ārējo CSS failu, lai pievienotu jaunu kārtulu.

    Mūsu CSS failā pievienosim:

    .focus-text {

     krāsa: # F00;

    }

    Šis noteikums noteiks, ka iekšējais elements “the” tiek parādīts sarkanā krāsā. Ja mums būtu bijis iepriekšējs stils, kas mūsu dokumenta tekstu iestatītu melnā krāsā, šis iekšējais stils izraisītu laiduma tekstu fokusēšanu un izcelšanos ar atšķirīgu krāsu. Šim noteikumam mēs varētu pievienot arī citus stilus, varbūt padarot tekstu kursīvu vai treknrakstu, lai to vēl vairāk uzsvērtu?

    instagram viewer

  4. Saglabājiet savu lapu.

    Pārbaudiet lapu iecienītākajā tīmekļa pārlūkprogrammā, lai redzētu izmaiņas.

    Ņemiet vērā, ka papildus tīmekļa speciālistiem ir jāizvēlas citi elementi, piemēram, vai tagu pāri. Šie tagi agrāk bija domāti treknrakstam un kursīvam, taču tie bija novecojuši un aizstāti ar un. Tagi joprojām darbojas modernajās pārlūkprogrammās, tomēr tik daudz tīmekļa izstrādātāju tos izmanto kā iekšējās ieveidošanas āķus. Šī nav sliktākā pieeja, taču, ja vēlaties izvairīties no novecojušiem elementiem, iesakām pielīmēt tagu šāda veida stila vajadzībām.

Padomi un lietas, no kurām jāuzmanās

Lai gan šī pieeja darbojas labi mazām stila vajadzībām, piemēram, ja dokumentā ir jāmaina tikai viens neliels teksta gabals, tā var ātri izkļūt no kontroles. Ja konstatējat, ka jūsu lapa ir pilna ar iekļautiem elementiem, kuriem visiem ir unikālas klases, kuras izmantojat CSS failā, varat rīkojieties nepareizi. Atcerieties, jo vairāk šo tagu ir jūsu lapā, jo grūtāk ir saglabāt šo lapu uz priekšu. Turklāt labā tīmekļa tipogrāfijā reti ir tik daudz krāsu variantu utt. visā lapā.

instagram story viewer