تاسو په هر عنصر کې د سی ایس ایس ټولګي محدود نه یاست.
د سنجیدونکې اندازې پاڼې (سی ایس ایس) تاسو ته اجازه درکوي چې د عنصر نظر څرګند کړئ چې هغه اشخاصو ته چې په عنصر کې یې غوښتنلیک ورکوئ. دا خاصیتونه یا هم ID یا یو ټولګي کیدی شي او د ټولو ځانګړتیاوو په څیر، دوی هغه عناصر ته ګټورې معلومات اضافه کړي چې دوی ورسره نښلول شوي دي. د دې پر بنسټ چې تاسو یو عنصر ته اضافه کړئ، تاسو کولی شئ د سی ایس ایل ټاکونکی ولیکئ ترڅو اړین لیدلیکونه وکاروي چې اړتیا ورته اړتیا لري او د دې عنصر او ویب پاڼې لپاره یې احساس احساس کړي.
پداسې حال کې چې یا هم IDs یا ټولګی د سی ایس ایس قواعدو سره د لیکلو هدف لپاره کار کوي، د عصري ویب ډیزاین ميتودونه په جریان کې، د IDs په اړه ټولګیو سره مرسته کوي، ځکه چې دوی ټول د کار کولو لپاره خورا مشخص او اسانه دي. هو، تاسو به لا هم ډیری سایټونه ومومئ چې د IDs کاروي، مګر هغه ځانګړتیاوې چې پخوا په تیرو وختونو کې ډیرې چټکه پلي کیږي، په داسې حال کې چې ټولګي په عصري ویب پاڼو کې اخیستل شوي.
په CSS کې یو یا څو کسه طبقه؟
په ډیری مواردو کې به تاسو یو واحد طبقه ځانګړتیا ته یو عنصر وړاندې کړئ، مګر تاسو په واقعیت کې یوازې د یوې ډلې سره محدود نه یاست چې تاسو یې د IDs سره یاست. پداسې حال کې چې یو عنصر یوازې یوازې یو د ID ID ځانګړتیا لري، تاسو کولی شئ یو عنصر ډیری ټولګي ته ورکړئ، او په ځینو مواردو کې، دا کار به ستاسو پاڼه ډیزاین ته ډیره آسانه او ډیره لچک وړ وي!
که تاسو اړتیا لرئ څو عنصر ته ډیری ټولګي وړاندې کړئ، تاسو کولی شئ اضافي ټولګې اضافه کړئ او په ساده ډول دوی په خپل خاصیت کې یو ځای جلا کړئ.
د بیلګې په توګه، دا پراګراف درې درسونه لري:
کڅوړې ځانګړی شوی پاتې "> دا به د پراګراف متن وي
دا د پراګراف ٹیګ کې لاندې درې ټولګي ټاکي:
- پوټکيټ
- ځانګړی
- ښي
د دې ټولګي د ارزښتونو هر یو تر مینځ ځایونه یاد کړئ. دا ځایونه هغه څه دي چې دوی یې بیلابیل، انفرادي طبقې ټاکي. دا د ټولګیو نومونه په دوی کې ځای نه لري، ځکه چې دا کار به دوی د بیلابیلو ټولګیو په توګه وټاکي.
د بیلګې په توګه، که تاسو د ځای څخه پرته "د کڅوړو - ځانګړ شوي-بڼ" کارول، دا به یو ټولګي ارزښت وي، مګر پورته پورته بېلګه، چیرته چې دا درې ټکي له یو ځای سره جلا شوي، دوی انفرادي ارزښتونه ټاکي. دا مهمه ده چې پدې مفهوم پوه شئ ځکه چې تاسو پریکړه کوئ چې کوم ټولګي ارزښتونه ستاسو په ویب پاڼو کې کارول کیږي.
کله چې تاسو په HTML کې خپل ټولګي ارزښتونه لرئ، نو بیا تاسو کولی شئ دا دا ستاسو CSS کې د ټولګیو په توګه وټاکئ او هغه شالونه پلي کړئ چې تاسو یې اضافه کول غواړئ. د مثال په توګه.
.pullquote {...}
ګوښه شوی {...}
p .ft {...}
په دغو مثالونو کې، د سي ایس ایس اعلامیه او ارزښتونه به د ځورونکي تغیرونو دننه وي، دا به څنګه وي چې دا ډول ډولونه به مناسب انتخابونکي ته پلي شي.
یادونه - که تاسو یو ځانګړی عنصر ته یو کلاس ټاکئ (د بیلګې په توګه، پی بیف)، تاسو کولی شئ چې د ټولګیو د لیست یو برخې په توګه کار واخلئ؛ مګر، په دې پوه شئ چې دا یوازې هغه عناصر اغېز کوي چې په CSS کې مشخص شوي. په بل عبارت، د پیفل روش یوازې د دې کلاس سره پراګرافونو کې پلي کیږي ځکه چې ستاسو ټاکونکی په حقیقت کې دا د "بائیں" د ټولګي ارزښت سره "پیراگرافونو" کې د تطبیق لپاره دي. برعکس، په دوه مثالونو کې دوه انتخابونکي یو مشخص عنصر مشخص نه کوي، نو دوی به په هر عنصر کې چې د ټولګي ارزښتونه کاروي پلي کړي.
د څو کسيزو ګټو ګټې
ګڼ شمیر ټولګی کولی شي د دې عنصر لپاره د نوې نوې اندازې جوړولو لپاره پرته عناصر ته ځانګړي اغیزونه اضافه کړي.
د بیلګې په توګه، تاسو غواړئ چې د عناصرو فټیوټ ته ښي خوا ته ښي او ښي خوا ته وړتیا ولرئ. تاسو کولی شئ دوه بڼې وپوښتئ او ښیې یوازې د فلوټ سره: ښایسته؛ او لوټ په دوی کې بیا، هر کله چې تاسو عنصر لرئ نو تاسو به پریښودلو ته اړتیا لرئ، تاسو به په ساده ډول ټولګی "بائیں" د ټولګې لیست ته اضافه کړئ.
په داسې حال کې چې دلته ځي دلته یو ښه کرښه شتون لري. په یاد ولرئ چې د ویب معیارونه د طرز او جوړښت جلا کول دي. جوړښت د HTML له لارې سمبال شوی پداسې حال کې چې طرز سیسټم کې دی.
که ستاسو د HTML سند ډیری عناصر ډک شي چې ټول ټولګی نومونه "سرخ" یا "بائیں" ولري، کوم نومونه دي چې په ډاګه کوي چې عناصر باید څه شي د دوی څه دي، تاسو د جوړښت او طرز تر مینځ کرښه کراسئ. زه هڅه کوم چې د دې دليل لپاره ممکن زما غیر نیمګړی ټولګي نومونه محدود کړم.
ګڼ شمیر ټولګی، سیماتیک، او جاوا سکرپٹ
د بیالبیلو ټولګیو څخه کار اخیستل یوه بله ګټه دا ده چې دا تاسو د ډیرو نړیوالو فعالیتونو امکانات درکوي.
تاسو کولی شئ چې د جاوا سکریپټ په کارولو سره موجود ابتدايي عناصرو ته نوي ابتدايي کورسونه پرته له لومړنیو درجو څخه لرې کړئ تاسو کولی شئ د ټولګي سمتیکونه تعریفولو لپاره د کلاسونو کارولو هم هم کولی شئ. دا پدې معنی چې تاسو کولی شئ په نورو ټولګیو کې اضافه کړئ ترڅو دا مشخص کړي چې دا عنصر په سمه توګه معنی لري. دا د مایکروفارم پروګرام څنګه کار کوي.
د څو کالو زیانونه
ستاسو د عناصرو په اړه د ډیری ټولګیو کارولو لپاره ترټولو لوی زیان دا دی چې دوی کولی شي دوی ته یو څه بې پیلوټه بڼه ورکړي ترڅو د لیدلو وخت او اداره وکړي. ښايي دا معلومه شي چې کوم ډول ډولونه په یو عنصر اغیزه کوي او که چېرې کوم سکرېپټونه اغیزه کوي. ډیری چوکاټونه نن ورځ د بوټیسټراپ په څیر شتون لري، د عناصرو کارول د ډیری درسونو سره کاروي. دا کوډ کولی شي د لاس او سختۍ څخه بهر شي که چیرې تاسو په محتاط یاست.
کله چې تاسو د ډیری ټولګیو څخه کار واخلئ، تاسو هم د یوې طبقې لپاره داسې طرزالعملونه ترسره کوئ چې د بل ډول طرزالعمل تعقیب کړئ حتی که تاسو د دې لپاره اراده نه درلوده. نو بیا به دا ستونزمن شي چې معلومه کړي چې ولې ستاسو طرزونه تطبیق ندی شوي حتی کله چې داسې ښکاري چې دوی باید وکارول شي.
تاسو اړتیا لرئ چې د ځانګړتیا څخه خبر شئ، حتی د هغه عنصر سره چې د یو عنصر په کارولو سره حتی!
په یوه کروم کې د ویب ماسټر وسایلو په کارولو سره، تاسو کولی شئ په اسانۍ سره وګورئ چې ستاسو سیسټمونه ستاسو په شالیدونو اغیزه کوي او د منازعې ډولونو او ځانګړتیاو د ستونزې څخه مخنیوی وکړي.
اصلي جینفر جینیفر کرینین. په 8/7/17 نېټه جیریمي Girard لخوا تصویب شوی