د CSS سره ، دا په اسانۍ کې د متن رنګ ټاکلو لپاره اسانه دی. که تاسو په یوه پاڼه کې په وړیا توګه ستاسو د پاڼې پیراګراف غواړئ، تاسو په ساده ډول دا په ګوته کړئ چې ستاسو په بهرني طرز پاڼه کې او براؤزر به ستاسو متن په ټاکل شوي رنګ کې وښيي. نو څه کیږي؟ کله چې تاسو د متن په پراګراف کې یوازې د یوې کلمې رنګ بدلول غواړئ (یا شاید شاید لږ الفاظونه)؟ د دې لپاره، تاسو به د انلاین عنصر په څیر لکه ٹیګ استعمال کړئ.
په پای کې، د یو کلمه رنګ بدلول یا د جملې یو کلمه د کلمو یو وړو ګروپ د سی ایس ایس کارولو سره اسانه دی، او ټیکس درست HTML دي، نو د دې ډول ځینې هیک په اړه اندیښنه مه کوئ. د دې تګلارې سره، تاسو هم د بې برخې شوي ټګری او ځانګړتیاوو لکه "فونټ" څخه کار اخیستلو څخه ډډه کوله، کوم چې د ویګ ټایټ ایچ ٹی ایم ای محصول دی.
دا مقاله د پیل پیل ویب پاڼې لپاره دي چې احتمال لري HTML او CSS ته نوي وي. دا به تاسو سره مرسته وکړي چې څنګه په خپلو پاڼو کې د ځانګړي متن رنځ بدلولو لپاره HTML ټیم او CSS استعمال کړئ. دا ویل کیږي، پدې طریقه کې ځینې نیمګړتیاوې شتون لري، کوم چې زه به د دې مقالې په پای کې پوښوم. د دې لپاره، د دې متن رنګ بدلولو لپاره د ګامونو زده کولو لپاره لوستل وکړئ! دا ډیره اسانه ده او باید تقریبا 2 دقیقو وخت ونیسي.
د مرحلې لارښوونې مرحله
- د هغه وېب پاڼې پرانيزئ چې تاسو غواړئ د خپل غوره متن HTML HTML سمون کې تازه کړئ. دا د Adobe Dreamweaver یا یو ساده متن لیکونکی لکه نوټ پیډ، نوټ پیډ ++، TextEdit، او داسې نور وی.
- په سند کې، هغه لغاتونه وټاکئ چې تاسو یې په پاڼه کې په مختلف رنګ کې ښودل شوي. د دې زده کړې لپاره، د ځینو کلمو کارولو ته اجازه ورکړئ چې د متن لویې پراخې برخې کې وي. دا متن به په تیګ کې جوړه کې شامل وي. یو له دوو کلمو پیدا کړئ چې رنګ یې غواړئ سم سم کړئ.
- خپل کرسر په لومړي کلمه کې په کلمه یا د هغه کلیمو ګروپونو کې چې تاسو یې رنګ بدلول غواړئ مخکې په نښه کړئ. په یاد ولرئ، که تاسو د WYSIWYG مدیر کاروئ لکه Dreamweaver، تاسو اوس د "کوډ لید" رګتی کې کار کوئ.
- اجازه راکړئ متن چې زموږ رنګ غواړئ د یو ٹیګ سره بدل کړئ، د ټولګي ځانګړتیاوې. ټول پراګراف ښایي داسې ښکاري: دا متن دی چې په یوه جمله تمرکز کوي.
- موږ یوازې د انلاین عنصر څخه کار اخلی، دا، دا ځانګړي متن ته "هاک" ورکړئ چې موږ یې په CSS کې کارولی شو. زموږ راتلونکی ګام د نوی قواعد زیاتولو لپاره زموږ د بهرنیو سی ایس ایس فایل ته ځي.
- زموږ په سی ایس ایس فایل کې، راځی دا اضافه کړئ:
- .focus-text {
- رنګ: # F00؛
- }
- دا قضیه به د انلاین عنصر، د رنګ سور په ښودلو سره وټاکي. که موږ پخوانی ډوله طرزالعمل درلود چې زموږ د تور متن تور تور ته وټاکه، دا انلینډ سټیل به د متوسط متن تمرکز وکړي او د مختلف رنګ سره ودریږي. موږ کولی شو د دې حاکمیت لپاره نور ډولونه اضافه کړو، ښایي د متن ایټالیک یا بډو لیکلو ته ادامه ورکړي څو دا هم لاهم ټینګار وکړي؟
- خپل پاڼه وساتئ.
- دا بدلون په اغیزمنه توګه د کتلو لپاره ستاسو په زړه پورې ویب براؤزر کې معاینه کړئ.
- په یاد ولرئ چې د دې سربیره، یو شمیر ویب مسلکي کاروونکي د نورو عناصرو لکه د یا د ټګونو کارولو لپاره غوره کوي. دا ټګرې د "بډل" او "ایټالیک" لپاره په ځانګړې توګه کارول کیدې، مګر بې ځایه شوي او ورسره ځای او ځای کیدل. که څه هم لیکې په عصري الکترونیکونو کې کار کوي، مګر، د ډیرو ډیرو ډیپلوماټانو دوی د انلاین اسالمي هکس په توګه کاروي. دا بدترین الره نه ده، مګر که تاسو غواړئ د هر ډول بې ځایه شوو عناصرو څخه مخنیوی وشي، زه د دې ډول ډول اړتیاوو لپاره د ټګ سره ټکولو وړاندیز کوم.
د لیدلو لپاره لارښوونې او کارونه
پداسي حال کې چې دا طریقه د وړو ستندرد اړتیاو لپاره جریمه کوي، لکه څنګه چې تاسو په یوه سند کې د متن یوه کوچنۍ برخه بدلولو ته اړتیا لرئ، نو دا کولی شي په چټکۍ سره کنټرول ترلاسه کړي. که تاسو پوه شئ چې ستاسو پاڼه د انلاین عناصرو سره ډک شوی، ټول هغه ټولګی لري چې تاسو یې په CSS فایل کې کاروئ، تاسو به دا کار ترسره کوئ، په یاد ولرئ، په دې پاڼه کې چې ستاسو په پاڼه کې دي، ډیره سخته ده احتمال لري چې دا پاڼه مخ په وړاندې روانه وساتي. برسيره پردې، د ښه ويب ډولپوهنه په لږه کچه د رنګونو، رنګونو او نور ډولونه لري.