Pastaba: Šis puslapis susijęs su šrifto tipo, dydžio ir spalvos keitimu tinklalapyje. „Microsoft Word“ žr. Mūsų puslapį apie tai, kaip pakeisti šrifto spalvą, dydį arba tipą „Word“.
Jei norite tęsti, pasirinkite metodą, kurį norite išmokti iš visų skyrių.
Jei planuojate pakeisti tinklalapio šriftą ir jo spalvą tik vieną kartą, elemento žyma turi pakeisti jo atributus. Naudodami stiliaus atributą, galite nurodyti šrifto veidą ir spalvą su šrifto šeima, spalva ir šrifto dydžiu su šrifto dydžiu, kaip parodyta toliau pateiktame pavyzdyje.
Pavyzdinio kodas
Šis tekstas turi šriftą „Courier“, yra „Blue“ ir „20px“.
Rezultatas
Šiame tekste yra „Courier“ šriftas, „Blue“ ir 20 pikselių dydžio.
CSS naudojimas vienam ar daugiau puslapių
Individualus šriftas vienam puslapiui
Tinklalapio dalyje galite įterpti kodą tarp skirtukų, kad pakeistumėte teksto išvaizdą įvairiuose elementuose. Kitame mėlynos spalvos langelyje yra pavyzdinio kodo, kuris, kai jis buvo pakviestas, pakeis jūsų šriftą į „Courier“ ir spalvos jį raudonai. Kaip matote, mes pavadinome klasės pavadinimą kaip „įprastą“.
.custom {font-family: Kurjeris; spalva: raudona; šrifto dydis: 20px; }
Apibrėžus šį stilių galima pritaikyti daugeliui jūsų puslapio elementų, pridedant jiems klasę „paprotys“. Toliau pateiktame langelyje pateikiamos dvi kodo eilutės ir jų atitinkami rezultatai.
Pavyzdys
Visas šis sakinys yra raudonas ir „Courier“
Tik žodis TEST yra raudonas ir „Courier“.
Rezultatas
Visas šis sakinys yra raudonas ir „Courier“.
Tik žodis TEST yra raudonas ir „Courier“.
Individualus šriftas daugeliui puslapių
Išorinio CSS failo importavimas gali būti labai naudingas tuo, kad leidžia vartotojams vienu metu keisti kelių puslapių taisykles. Tolesniame skyriuje pateikiamas pavyzdys, kaip sukurti pagrindinį CSS failą, kuris pakeičia daugelio elementų šriftą ir spalvą. Šis failas gali būti įkeltas į daugiau nei vieną tinklalapį, net ir visą svetainę.
Naudojant bet kurį pagrindinį teksto redaktorių, išsaugant šį tekstą kaip .css failą, jis bus parengtas importuoti.
@charset "utf-8";.courier {font-family: Kurjeris; spalva: # 005CB9; }
Kai ankstesnis tekstas buvo įterptas į .css failą (mes pavadinome „ours basic.css“ ), galite susieti su juo iš bet kurio kito puslapio naudodami liniją, panašią į šį pavyzdį.
Patarimas: naudotojai gali keisti puslapio elementų atributus pakeisdami importuoto .css failo kodą.
Šrifto žymos sprendimas
Nors „HTML“ žyma vis dar yra pasenusi, ji vis dar gali būti naudojama ir gali būti reikalinga naudoti su kai kuriomis interneto paslaugomis. Naudojant „FONT“ žymą, turite įtraukti veido atributą, kuriame aprašomas naudojamas šriftas. Toliau pateiktame pavyzdyje mes naudojame Courier šriftą ir šešioliktainį spalvos kodą # 005CB9, kuris yra tamsiai mėlynas.
Pavyzdinio kodas
Specialus šrifto pavyzdys.