Geras tipografinis dizainas yra svarbi sėkmingos svetainės dalis. CSS suteikia jums puikią kontrolę teksto išvaizdą jūsų sukurtuose tinklalapiuose. Tai apima galimybę pakeisti bet kokių naudojamų šriftų spalvą.
Žemiau apžvelgsime šrifto spalvos keitimą naudodami išorinį stiliaus lapą ir stilių, kuris naudojamas fragmento žyme. Galite taikyti tą patį stiliaus nuosavybę, kad pakeistumėte šriftų spalvą bet kuria žyma, kuri supa tekstą, įskaitant "" žyma
Stilių pridėjimas norint pakeisti fonto spalvą
Šiame pavyzdyje jums reikia turėti HTML dokumentą, kad pamatytumėte CSS pakeitimus ir atskirą CSS failą, pridedamą prie šio dokumento. Mes ketiname pažvelgti į pastraipos elementą, konkrečiai.
Norėdami pakeisti HTML teksto kiekvienos pastraipos teksto spalvą, eikite į išorinį stiliaus lapą ir įveskite p {}. Vieta spalva stilius, po kurio eina dvitaškis, pvz p (spalva:). Tada pridėti savo spalvų reikšmę po nuosavybės, baigiant kabliataškiu: p {spalva: juoda;}.
Spalvų reikšmės gali būti išreikštos spalvinėmis raktinėmis žodžiais, RGB spalvų skaičiais arba šešioliktainiais spalvų skaičiais. Mūsų pavyzdyje pastraipos tekstas yra pakeistas juodos spalvos.
Tačiau jei norite pakeisti spalvą į žalią, mėlyną, raudoną ir tt, naudojant spalvų raktinius žodžius, jums nebus suteikiama galimybė lanksčiai kurti skirtingus atspalvius. Štai kur šešioliktainės vertės įsitraukia žaisti.
p (spalva: # 000000; }
Šis CSS stilius gali būti naudojamas jūsų juodai spalvoti, nes šešioliktainis kodas 000000 reiškia juodą. Jūs netgi galite naudoti šriftą su ta šešiabria verte ir parašyti ją kaip # 000 su tais pačiais rezultatais. p (spalva: # 2f5687; }
Kaip jau minėjome aukščiau, šešioliktainės vertės veikia gerai, kai jums reikia ne tik juodos ar baltos spalvos. Aukščiau pateiktas CSS šešioliktainio dydžio reikšmės nustato mėlyną spalvą, tačiau, skirtingai nuo raktinio žodžio "mėlynas", šis šešiakampis kodas suteikia jums galimybę nustatyti labai specifinį šešėlio mėlyną, vidutinio dydžio, panašiai kaip mėlyną šifoną . p (spalva: rgba (47,86,135,1); }
Galiausiai galite naudoti RGBA spalvų vertes ir šrifto spalvoms. RGCA palaikoma visose šiuolaikinėse naršyklėse, todėl galite naudoti šias vertybes su pasitikėjimu, kad ji veiks daugeliui žiūrovų, tačiau taip pat galite nustatyti lengvą atsarginį. Ši RGBA reikšmė yra tokia pati kaip anksčiau nurodyta šiferio mėlyna spalva. Pirmosios trys vertės nustato raudoną, žalią ir mėlynąsias vertes, o galutinis skaičius yra skaidrumo alfa nustatymas. Alfa nustatymas yra 1, kad reikštų 100 procentų, todėl ši spalva neturi skaidrumo. Jei šį reikšmę nustatysite kaip dešimtainis skaičius, pvz., .85, tai reiškia 85 proc. Neskaidrumą ir spalva būtų šiek tiek skaidrus. p { spalva: # 2f5687; spalva: rgba (47,86,135,1);}
Jei norite, kad jūsų spalvų reikšmės būtų apsaugotos nuo bullet, imituokite pirmiau nurodytą CSS kodą. Ši sintaksė iš pradžių nustato šešioliktainį kodą ir perrašo šią vertę RGBA numeriu. Tai reiškia, kad bet kokia senesnė naršyklė, kuri nepalaiko RGBA, gaus pirmąją vertę ir ignoruoja antrą. Šrifto spalvos gali būti pakeistos naudojant išorinį stiliaus lapą, vidinį stiliaus lapą arba inline stilių HTML dokumente. Tačiau geroji patirtis rodo, kad CSS stiliams turėtumėte naudoti išorinę stilių lentelę. Vidinis stiliaus lapas, kuris yra tiesiogiai dokumento "galva" parašytas stilius, dažniausiai naudojamas tik mažoms vienos puslapio svetainėms. Reikėtų vengti įprastų stilių, nes jie yra panašūs į senus "šrifto" žymas, su kuriais susidūrėme daugelį metų. Šie įprasti stiliai labai apsunkina šriftų stiliaus valdymą, nes jūs turite juos keisti kiekviename inline stiliaus pavyzdyje. Kiti HTML puslapio stiliaus būdai
