Naudodami CSS, teksto spalvą galite lengvai nustatyti dokumente. Jei norite, kad jūsų puslapio pastraipos būtų pateikiamos tam tikra spalva, tiesiog nurodykite, kad išoriniame stiliaus lape naršyklė rodys jūsų tekstą pasirinkta spalva. Kas atsitinka tada, kai norite keisti tik vieno žodžio spalvą (ar galbūt tik keletą žodžių) teksto dalyje? Tam jums reikės naudoti vidinį elementą, pvz., Žymą.
Galiausiai pakeičiant vieno žodžio ar mažos grupelės žodį sakinyje paprasta naudoti CSS, o žymės yra tinkamos HTML, todėl nesijaudinkite, kad tai yra kokia nors naikinimo priemonė. Naudodamiesi šiuo metodu, jūs taip pat vengsite naudoti pasenusias žymes ir atributus, pvz., "Šriftą", kuris yra praeities HTML eros produktas.
Šis straipsnis skirtas pradedantiems žiniatinklio kūrėjams, kurie gali būti nauji HTML ir CSS. Tai padės sužinoti, kaip naudoti HTML žymą ir CSS, kad pakeistumėte konkretaus teksto spalvą jūsų puslapiuose. Tai sakant, yra keletas šio metodo trūkumų, kuriuos apimsime šio straipsnio pabaigoje. Dabar skaitykite toliau, kad sužinotumėte, kaip pakeisti šią teksto spalvą. Tai labai lengva ir turėtų užtrukti apie dvi minutes.
Žingsnis po žingsnio instrukcija
- Atidarykite tinklalapį, kurį norite atnaujinti savo mėgstamiausio teksto HTML redaktoriuje. Tai galėtų būti programa "Adobe Dreamweaver" arba paprastas teksto redaktorius, pvz., "Notepad", "Notepad ++", "TextEdit" ir kt.
- Šiame dokumente raskite žodžius, kuriuos norite rodyti kitokioje puslapio spalvoje. Šio pamokymo dėlei naudosime keletą žodžių, esančių didesnėje teksto dalyje. Šis tekstas bus pateiktas žymų poroje. Raskite vieną iš dviejų žodžių, kurių spalvą norite redaguoti.
- Patalpinkite žymeklį prieš pirmąją raidę žodyje ar žodžių grupėje, į kurią norite pakeisti spalvą. Atminkite, kad jei naudojate WYSIWYG redaktorių, pvz., "Dreamweaver", dabar dirbate "kodo rodinyje".
- Leiskite apvynioti tekstą, kurio spalva mes norime pakeisti su žyma, įskaitant klasės atributą. Visa pastraipa gali atrodyti taip:
Tai yra tekstas, kuriame daugiausia dėmesio skiriama sakinyje.
- Mes ką tik panaudojome inline elementą, kad šis konkretus tekstas būtų "kabliukas", kurį galime naudoti CSS. Kitas žingsnis - pereiti prie išorinio CSS failo, kad galėtume pridėti naują taisyklę.
- Į mūsų CSS failą pridėkime:
-
.focus-text {
-
spalva: # F00;
-
}
- Ši taisyklė nustatytų, kad vidinis elementas, kuris rodomas raudonai spalva. Jei mes turėjome ankstesnį stilių, kuriame mūsų dokumento tekstas būtų juodas, šis įprastas stilius reikštų, kad teksto teksto sritis susikoncentruoja ir išskiria skirtingą spalvą. Galėtume taip pat pridėti kitų stilių, galbūt paryškindami tekstą arba drąsiai pabrėždami dar daugiau?
- Išsaugokite savo puslapį.
- Patikrinkite savo mėgstamos žiniatinklio naršyklės puslapį, kad pamatytumėte galiojančius pakeitimus.
- Atkreipkite dėmesį, kad be to kai kurie žiniatinklio profesionalai nusprendžia naudoti kitus elementus, pvz., "Tag" poras. Šios žymos būdavo skiriamos būtent paryškintai ir kursyvu, tačiau jos buvo neaktyvios ir pakeistos "and". Žymos vis dar veikia šiuolaikinėse naršyklėse, tačiau daugelis žiniatinklio kūrėjų juos naudoja kaip inline stiliaus kabliukus. Tai nėra blogiausias būdas, bet norint išvengti bet kokių nebeaktualių elementų, siūlome laikytis žymos šiems stiliaus poreikiams.
Patarimai ir dalykai, kuriuos reikia stebėti
Nors šis metodas puikiai tinka mažiems stiliaus poreikiams, pvz., Jei reikia pakeisti tik vieną nedidelę teksto dalį dokumente, ji gali greitai išeiti iš kontrolės. Jei pastebėsite, kad jūsų puslapis yra užpildytas linijiniais elementais, kurie visi turi unikalias klases, kurias naudojate savo CSS faile, galite tai padaryti netinkamai. Atminkite, kad daugiau tų žymų, kurios yra jūsų puslapyje, tuo sunkiau tikėtina, kad šis puslapis tęsis. Be to, gerame interneto tipografijoje retai būna tiek daug variantų spalvos ir tt visame puslapyje.
