Ինչպես օգտագործել CSS տառատեսակի գույնը փոխելու համար
Ձեր վեբ դիզայնին մի գույն ավելացրեք CSS-ով՝ ձեր տեքստը պայծառացնելու համար:
Ցանկանու՞մ եք զարդարել ձեր կայքը տարբեր տառատեսակների գույներով: Դուք կարող եք դա անել՝ օգտագործելով CSS: CSS-ը նշանակում է Cascading Style Sheets և լռելյայն լեզուն է, որն օգտագործվում է ցանկացած կայքի ոճը ստեղծելու և կառավարելու համար:
HTML փաստաթղթում CSS-ի կիրառման երեք եղանակ կա. Սրանք են ներկառուցված CSS, ներքին/ներկառուցված CSS և արտաքին CSS:
Մեթոդ 1. Ներքին CSS
CSS-ում տառատեսակի գույնը փոխելու համար դուք պետք է ստեղծեք CSS կանոն՝ գույնի հատկության արժեքը սահմանելու համար:
Ներկառուցված մեթոդը օգտագործում է ոճի հատկությունը, որը կարող եք կիրառել գրեթե ցանկացած տարրի վրա: Ահա մի օրինակ, որը սահմանում է HTML պարբերության տառատեսակի գույնը կարմիր.
<p style="color: red;">Paragraph of text</p>Դուք կարող եք հասնել նույն էֆեկտին՝ օգտագործելով ներքին/ներկառուցված CSS կամ արտաքին CSS:
Մեթոդ երկրորդ. Ներքին/ներկառուցված CSS
Դուք կարող եք օգտագործել այս մեթոդը, երբ ցանկանում եք ստեղծել CSS կանոններ, որոնք ազդում են HTML տարրի մեկից ավելի օրինակների վրա, բայց միայն մեկ էջի վրա: Այնուհետև CSS կանոնները գրվում են HTML էջի գլխում՝ օգտագործելով ոճի տարր.
<head>
<style>
p { color: blue }
</style>
</head>Մեթոդ երրորդ՝ արտաքին CSS
Նույն էֆեկտին հասնելու երրորդ ճանապարհը արտաքին CSS ոճաթերթի օգտագործումն է: Օգտագործելով տեքստային խմբագրիչ, ստեղծեք ֆայլ «.css» ընդլայնմամբ: Ընդհանուր պրակտիկա է այս ֆայլը անվանել stylesheet.css-ի նման, բայց դուք կարող եք այն անվանել որևէ կերպ, քանի դեռ պահպանում եք «.css» ընդլայնումը:
Ձեր հիմնական տեքստը կանաչ գույնավորելու համար, օրինակ՝ օգտագործելով արտաքին ոճաթերթ, պարզապես տեղադրեք CSS կանոնում այսպես.
p { color: blue }Ձեր HTML փաստաթղթում դուք պետք է ներառեք հղում դեպի ձեր ոճաթերթը HTML գլխի տարրի մեջ.
<html>
<head>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body>
<p>Paragraph of text</p>
</body>
</html>Տառատեսակի գույնի փոփոխություն HTML-ում՝ առանց CSS-ի կիրառման
Լավագույն պրակտիկան CSS օգտագործելն է, բայց ահա թե ինչպես փոխել տառատեսակի գույնը միայն HTML-ի միջոցով.
<p><font color="red">Paragraph of text</font></p>Տառատեսակի տարրը, իր գունային հատկանիշի հետ մեկտեղ, հնացած է: Դա պայմանավորված է նրանով, որ դրանք ավելի շուտ ներկայացման, քան կառուցվածքային տարրեր են: Ժամանակակից HTML-ը պետք է բաղկացած լինի միայն կառուցվածքային տարրերից:
CSS-ում տառատեսակի գույնը փոխելը համեմատաբար պարզ է
Մենք ձեզ ցույց ենք տվել CSS-ում տառատեսակի գույնը փոխելու երեք եղանակ: Մենք նաև ձեզ ցույց ենք տվել, թե ինչպես դա անել հին ձևով՝ օգտագործելով HTML տառատեսակի պիտակը: Փորձեք դրանք և տեսեք, թե որն է ամենալավը ձեզ համար:
Երբ դուք տիրապետում եք տառատեսակի գույնի փոփոխությանը CSS-ի և HTML-ի միջոցով, գուցե ցանկանաք տիրապետել HTML-ում տառատեսակի չափի փոփոխմանը: