ټولګي او شناخت ستاسو د سی ایس ایس اضافه کولو کې مرسته کوي
د ننني ویب په اړه د ودانیو ویب پاڼه د سی ایس ایس (Cascading Style Sheets) ژوره پوهه ته اړتیا لري. دا هغه لارښوونې دي چې تاسو یې یو ویب پاڼه ورکوو ترڅو دا معلومه کړي چې دا څنګه د لټونګر په کړکۍ کې څنګه ترتیب کیږي. تاسو د HTML سندونو لپاره "شیلیف" سلسله پلي کوئ کوم چې ستاسو د ویب پاڼې نظر او احساس رامنځته کوي.
د اسنادو په اړه د مخکښو شفرونو غوښتنلیک ډیری لارې شتون لري، مګر ډیر وختونه چې تاسو غواړئ د یوه سند په ځینو برخو کې یو ډول طرز کارول غواړئ، مګر د دې عنصر ټولې بیلګې نه.
تاسو کولی شئ یو داسې طرز جوړ کړئ چې تاسو کولی شئ په یوه سند کې ډیری عناصر ته درخواست وکړئ، پرته له دې چې د هر انفرادي مثال لپاره د طرز قاعده تکرار شي. د دې مطلوب ډولونو د ترلاسه کولو لپاره، تاسو به د ټولګی او ID ID HTML ځانګړتیاوې کاروئ. دا ځانګړتیاوې نړیوالې ځانګړتیاوې دي چې تقریبا په هره HTML ټانګ کې کارول کیدی شي .دا د دې معنی لري چې تاسو د ویشونو، پراګرافونو، لینکونو، لیستونو یا د HTML د نورو ټوټو څخه کوم چې ستاسو په سند کې وی، تاسو کولی شئ د ټولګیو او ID ځانګړتیاوو ته مراجعه وکړئ تاسو سره دا کار ترسره کولو کې مرسته وکړئ!
د ټولټاکنو غوره کونکي
ټولګی ټاکونکی تاسو ته اجازه درکوی چې یو سند کې ورته عنصر یا ټګ ته ډیری شیلیونه وټاکي. د مثال په توګه، تاسو شاید ستاسو د متن ځینې برخې ولرئ چې په مختلفو رنګونو کې یې د اسنادو له متن څخه بل نوم اخیستی. دا ښکاره شوي برخې کولی شي "خبرداري" وي چې تاسو په پاڼه کې ترتیب کوئ. تاسو کولی شئ خپلې پیراګرافونه د نورو په څیر په ټولګیو کې وړاندې کړئ:
p {رنګ: # 0000ff؛ }
p.alert {رنګ: # ff0000؛ }
دا ډول ډولونه به د ټولو پراګرافونو رنګ د نیل (# 0000ff) بڼه ټاکي، مګر د "خبرتیا" د ټولګي ځانګړتیا سره به هرې پراګراف د ځای په ځای سره (# ff0000) کې ډډ کړي. دا ځکه چې د ټولګي ځانګړتیا د لومړی سی ایس ایس قواعدو څخه لوړه لوړه ځانګړتیا لري، کوم چې یوازې د ټګری ټاکونکی کاروي.
کله چې د CSS سره کار کول، یو ځانګړی قواعد به لږ تر لږه یو له بل سره مخ شي. نو په دې مثال کې، عمومي عمومي قاعدې د ټولو پراګرافونو رنګ ټاکي، مګر دویم، ځانګړی قواعد د تاییدونو په پرتله چې یوازې په ځینو پراګرافونو کې ترتیب کوي.
دلته دا ده چې دا څنګه د ځینې HTML په نښه کولو کې کارول کیدی شي:
دا پراګراف به په نیل کې ښودل شي، کوم چې د پاڼې لپاره اصلي دی.
دا پراګراف به هم په آسماني وي.
او دا پیراګراف به په سور کې ښودل شي ځکه چې د ټولګي ځانګړتیا به د عنصر انتخاب کوونکي سټیلنګ څخه معیاري نیلا رنځوي.
په دې مثال کې د "پیټیلټ" طرز یوازې یوازې په پراګراف عناصر کې تطبیق کوي چې د "الرښوونې" ټولګي کاروي. که تاسو غواړئ د هغه ټولګي څخه په ډیری HTML عناصرو کې کار واخلئ، تاسو به په ساده ډول د HTML عنصر له پیل څخه لرې کړئ د ټیلفون کال (یوازې ډاډه یاست چې د وخت موده (.) په ځای کې پریږدئ)، لکه څنګه چې:
.سرټ {شاليد رنګ: # ff0000؛}
دا ټولګي اوس د هر هغه عنصر لپاره شتون لري چې اړتیا ورته لري. د خپل HTML هر ډول ټوټه چې د "خبرتیا" د کلاس خاصیت لري اوس به دا ډول طرزالعمل ترلاسه کړي. په لاندې HTML کې، موږ دواړه پیراګراف او د سرلیک کچه 2 هم لرو چې د "خبرتیا" ټولګي کاروي. دا دواړه به د سي ایس ایس په اساس سره د ریډ رنګ رنګه رنګ ولري چې موږ یې په ډاګه کړی.
دا پیراګراف به په سور کې لیکل کیږي.
او دا H2 به سور وي.
نن ورځ په ویب پاڼو کې، ټولګي ځانګړتیاوې په ډیری عناصرو کې کارول کیږي ځکه چې دوی د یو مشخصیت له نظره کار کولو کې اسانه دي چې IDs یې دي. تاسو به د اوسني HTML پاڼې ومومئ چې د ټولګي ځانګړتیاو سره ډک شي، ځینې یې په یوه سند کې څو ځله تکرار شوي او نور هغه چې ممکن یوازې یو ځل ښکاره شي.
د ID ټاکونکي
د ID ID کوونکی تاسو ته اجازه ورکوي چې یو ځانګړی ډول ته یو نوم ورکړئ پرته له دې چې دا د ٹیګ یا نور HTML عنصر سره شریک کړئ. ووایه چې تاسو په خپل HTML نښه کې یو ویش درلود چې د یوې پیښې په اړه معلومات لري.
تاسو کولی شئ دا ویش د "پیښور" ځانګړتیاوې ورکړئ، او بیا که تاسو غواړئ چې د 1 پکسل پراخ تور سرحد سره دا ویش په نښه کړئ تاسو د ID ID کوډ لکه دا:
# نیټه {سرحد: 1px ټوک # 000؛ }
د ID ټاکونکو سره ننګونه دا ده چې دوی نشي کولی په HTML سند کې تکرار شي. دوی باید ځانګړی وي (تاسو کولی شئ ستاسو د سایټ په ډیرو پاڼو کې ورته ID استعمال کړئ، مګر یوازې یو ځل په هر یو انفرادی سند کې. نو که تاسو درې پیښې درلودې چې دا ټولې پولې ته اړتیا لرئ، تاسو باید ورته د "Event1"، "Event2" او "Event3" شناخت ورکړئ او هر یو یې ډیزاین کړئ. نو له همدې کبله به د "پیښې" د ټولګي د ځانګړتیاو څخه کار واخلئ او دوی ټول یوځل بیا په نښه کړئ.
د ID ځانګړتیاو سره یو بل ننګونه دا ده چې دوی د ټولګي ځانګړتیاو په پرتله لوړ مشخصیت لري. دا پدې مانا ده چې که تاسو اړتیا لرئ چې سی ایس ایس ولري چې مخکې له مخکې جوړ شوي طرزالعمل تکراروي، نو دا به ستونزمن وي چې تاسو د IDs په اړه ډیر زیات تکیه کړی وي. دا د دې دلیل لپاره دی چې ډیری ویب ډیالوګرانو د دوی د نښه کولو لپاره د IDs کارولو څخه لیرې شوي، حتی که دوی یوازې یوازې دا ارزښت وکاروي، او د ځای پر ځای د ټولو شالونو لپاره د ځانګړو ځانګړو ځانګړتیاوو سره مخ شوي.
هغه سیمې چېرې د ID ځانګړتیاوې لوبې ته راځي هغه مهال چې تاسو غواړئ یوه پاڼه جوړه کړئ چې د انټر پاڼې لینک لري. د مثال په توګه، که تاسو د پارلاکس اندازې وېب پاڼه لرئ چې په یوه پاڼه کې ټول منځپانګې لري چې د دې پاڼې مختلفو برخو ته "کود" سره تړلې دي. دا د ID ځانګړتیاو او متن لینکونو کارول کیږي چې د دې لنگر اړیکو کاروي.
تاسو به په ساده ډول د هغه خاصیت ارزښت، چې د # سمبول لخوا وړاندې کیږي، د href د ټویټر ټیکټ ته، لکه څنګه چې:
دا لینک دی
کله چې کلیک وکړئ یا ټکول شوی، دا لینک به د هغه برخې برخې ته ځي چې د دې پیژندنې ځانګړتیا لري. که په پاڼه کې کوم عنصر د دې ID ارزښت کارول نه وي، لینک به هیڅ شی ونه کړي.
په یاد ولرئ، که تاسو غواړئ چې په یو سایټ کې د انټرنیټ شبکې جوړې کړئ، د ID تخصیصونو کارول به اړین وي، مګر تاسو لا هم د عمومي ایس ایس ایس سټایل مقاصد لپاره کلاسونو ته مراجعه کولی شئ. دا څنګه چې نن ورځ پاڼې نښانې کولې - زه ټولګی ټاکونکي د امکان تر ممکنه کچې کارول او یوازې کله چې زه اړتیا لرم چې یواځې د سی ایس ایس لپاره یو هیچ په توګه کار وکړم، بلکه د یو مخ مخکی لینک په توګه کارو.
اصلي جینفر جینیفر کرینین. په 8/9/17 نېټه د جیریمي Girard لخوا تصویب شوی