Išoriniame CSS stiliaus lape galite nurodyti šrifto spalvas, dydžius ir kitus parametrus. Tačiau jei norite pakeisti tik vieno žodžio ar frazės spalvą, paprasčiausias ir paprasčiausias būdas yra naudoti žymę įterptai. Įterptasis CSS yra tiesiog toks, koks jis skamba: jis pridedamas prie puslapio HTML, o ne prie išorinio stiliaus lapo.
Venkite naudoti nebenaudojamą žymą.
Štai kaip pakeisti žodžio spalvą naudojant žymą:
Kodo rodinio režimu naudodami pageidaujamą teksto ar HTML redaktorių, užveskite žymeklį prieš žodžio ar žodžių grupės, kurią norite nuspalvinti, pirmąją raidę.
Leiskite apvynioti tekstą, kurio spalvą norime pakeisti, žyme, įskaitant klasės atributą. Visa pastraipa gali atrodyti taip: tai yra tekstas, sutelktas į sakinį.
-
Suteikite tam konkrečiam tekstui „kabliuką“, kurį galime naudoti CSS. Kitas mūsų žingsnis yra pereiti prie išorinio CSS failo ir pridėti naują taisyklę.
Savo CSS faile pridėkime:
.focus-text {
spalva: # F00;
}
Ši taisyklė nustatytų, kad įterptasis elementas būtų rodomas raudona spalva. Jei turėtume ankstesnį stilių, kuris nustatytų juodą mūsų dokumento tekstą, šis įterptinis stilius sukeltų sutelktinį tekstą į skirtingą spalvą. Prie šios taisyklės taip pat galėtume pridėti kitus stilius, galbūt tekstą darydami kursyvu ar paryškindami, kad jį dar labiau pabrėžtumėte?
-
Išsaugokite savo puslapį.
Išbandykite puslapį mėgstamoje žiniatinklio naršyklėje, kad pamatytumėte galiojančius pakeitimus.
Atminkite, kad be žiniatinklio profesionalų kai kurie žiniatinklio profesionalai nusprendžia naudoti kitus elementus, pvz., Arba žymų poras. Anksčiau šios žymos buvo skirtos pusjuodžiu ir kursyvu, tačiau buvo nebenaudojamos ir pakeistos ženklais ir. Žymos vis dar veikia šiuolaikinėse naršyklėse, tačiau daugelis interneto kūrėjų jas naudoja kaip įterptinius stiliaus kabliukus. Tai nėra pats blogiausias būdas, tačiau jei norite išvengti nebenaudojamų elementų, siūlome priklijuoti žymą, kad būtų galima pritaikyti tokius stiliaus poreikius.
Patarimai ir dalykai, į kuriuos reikia atkreipti dėmesį
Nors šis metodas puikiai tinka mažiems stiliaus poreikiams, pavyzdžiui, jei dokumente reikia pakeisti tik vieną nedidelį teksto fragmentą, jis gali greitai nebekontroliuojamas. Jei pastebėsite, kad jūsų puslapyje yra daugybė inline elementų, kurie visi turi unikalias klases, kurias naudojate savo CSS faile, galite padarykite tai neteisingai. Atminkite, kad kuo daugiau šių žymų yra jūsų puslapyje, tuo sunkiau gali būti išlaikyti tą puslapį Persiųsti. Be to, geroje žiniatinklio tipografijoje retai būna tiek spalvų variantų ir kt. visame puslapyje.