Kaip pakeisti šrifto spalvą naudojant CSS

Norite patobulinti savo svetainę kitomis šriftų spalvomis? Tai galite padaryti naudodami CSS. CSS reiškia Cascading Style Sheets ir yra numatytoji kalba, naudojama kuriant ir tvarkant bet kurios svetainės stilių.

Yra trys CSS taikymo HTML dokumente būdai. Tai yra tiesioginis CSS, vidinis / įterptasis CSS ir išorinis CSS.

Pirmasis metodas: eilutinis CSS

Norėdami pakeisti CSS šrifto spalvą, turėsite sukurti CSS taisyklę, kad nustatytumėte spalvos savybės vertė.

Įdėtasis metodas naudoja stiliaus ypatybę, kurią galite taikyti beveik bet kuriam elementui. Štai pavyzdys, kaip HTML pastraipos šrifto spalva nustatoma raudona:

Teksto pastraipa

Tą patį efektą galite pasiekti naudodami vidinį / įterptąjį CSS arba išorinį CSS.

Antras būdas: vidinis / įterptasis CSS

Šį metodą galite naudoti, kai norite sukurti CSS taisykles, veikiančias daugiau nei vieną HTML elemento egzempliorių, bet tik viename puslapyje. Tada CSS taisyklės įrašomos į HTML puslapio antraštę, naudojant stiliaus elementą:

Trečias būdas: išorinis CSS

Trečias būdas pasiekti tą patį efektą yra išorinio CSS stiliaus lapo naudojimas. Naudodami teksto rengyklę sukurkite failą su plėtiniu ".css". Įprasta praktika yra vadinti šį failą panašiai stiliaus lapas.css bet jūs galite jį pavadinti bet kuo, jei išlaikysite plėtinį „.css“.

Jei norite nuspalvinti pagrindinį tekstą žaliai, pavyzdžiui, naudodami išorinį stiliaus lapą, tiesiog įklijuokite į CSS taisyklę taip:

p { spalva: mėlyna }

Savo HTML dokumente HTML head elemente turėtumėte įtraukti nuorodą į savo stiliaus lentelę:

Teksto pastraipa

Šrifto spalvos keitimas HTML, nenaudojant CSS

Geriausia praktika yra naudoti CSS, bet štai kaip pakeisti šrifto spalvą naudojant vien HTML:

Teksto pastraipa

Šrifto elementas kartu su jo spalvos atributu nebenaudojamas. Taip yra todėl, kad jie yra pristatomieji, o ne struktūriniai elementai. Šiuolaikinį HTML turėtų sudaryti tik struktūriniai elementai.

Šrifto spalvos keitimas CSS yra gana paprastas

Mes parodėme tris būdus, kaip pakeisti šrifto spalvą CSS. Taip pat parodėme, kaip tai padaryti senuoju būdu naudojant HTML šrifto žymą. Išbandykite juos ir sužinokite, kuris jums tinka geriausiai!

Įvaldę šrifto spalvos keitimą naudodami CSS ir HTML, galbūt norėsite keisti šrifto dydį HTML.

Kaip pakeisti HTML šrifto dydį CSS

Skaitykite toliau

Apie autorių