Tinklalapyje rodomo šrifto tipo ir spalvos keitimas

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“.

Šiame dokumente pateikiami nurodymai, kaip pakeisti šriftą ir jo spalvą tinklalapyje. Tinkama sintaksė, judanti į priekį, yra naudoti „Cascading Style Sheets“ kartu su klasės ar ID rinkikliais, o ne inline stiliaus atributu arba šriftų žyma, kurie yra netinkami. Nors verta paminėti, kad šie du metodai vis dar veikia su daugeliu interneto naršyklių.

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. 

Rezultatas