ڇا آهي CSS ۽ ڪٿي اهو استعمال ڪيو آهي؟

ڪاسسلنگنگ انداز شيڪن ڇا آهي؟

ويب سائيٽون، انفرادي ٽڪر تي مشتمل هونديون آهن، جن ۾ تصويرون، ٽيڪسٽ، ۽ مختلف دستاويزن شامل آهن. اهي دستاويز جيڪي نه رڳو شامل آهن جن ۾ مختلف صفحن کان ڳنڍيل هوندا، جهڙوڪ پي PDF فائلون، پر انهن دستاويزن جيڪي انهن صفحن کي تعمير ڪرڻ لاء استعمال ڪيا ويا آهن، جهڙوڪ هڪ صفحو ۽ سي ڊي جي جوڙجڪ لاء HTML دستاويزن (ڪاسپيڊنگ انداز شٽ) دستاويزات صفحي جي نظر کي ترتيب ڏيڻ لاء. اهو آرٽيڪل سي ايس ڊي ۾ ٺهرايو ويندو، اهو ڇا ٿئي ٿو ۽ اهو اڄ تائين ويب سائيٽن تي استعمال ٿيندو آهي.

ايس اي ايس جي تاريخ جي تاريخ

سي ايس ڊي 1997 ۾ پهريون ترقي يافته طور ويب سائيزرز جي ويب سائيٽ جي ويب صفحن جي بصري ظاهر کي وضاحت ڪرڻ جو طريقو ٺاهي رهيو هو جيڪي انهن ٺاهي رهيا هئا. اهو مقصد هو ته ويب پروفيسر کي هڪ ويب سائيٽ جي ڪوڊس بصري ڊزائن مان مواد ۽ ساخت کي جدا ڪري ، جيڪي ڪجهه وقت کان اڳ ممڪن نه هئا.

ساخت ۽ انداز جي جداگي کي HTML اجازت ڏيڻ جي اجازت ڏئي ٿو ته اهو اصل تي ٻڌل هوندو هو، مواد جي مارڪيٽ، پنهنجي صفحي جي ڊزائن ۽ ترتيب جي باري ۾ پريشان ٿيڻ کان سواء، عام طور تي "نظر ۽ محسوس" صفحي جو

سي ايس مقبوليء ۾ حاصل نه ڪيو، ساوڪ لڳ ڀڳ 2000، جڏهن ويب برائوزر هن مارڪپ جي بنيادي فريم ۽ رنگن کان وڌيڪ استعمال ڪرڻ شروع ڪيو. اڄ، سڀني جديد برائوزر سڀني سي ايس ڊي جي سطح 1، سي ايس ڊي جي 2 سطح، ۽ سي ايس ڊي سطح 3 جي سڀ کان وڌيڪ سڌارن جي حمايت ڪن ٿا. جئين سي ايس ڊي جاري رکي ٿو ۽ نئين شناخت متعارف ڪرايا ويا آهن، ويب برائوزر انهن برائوزر ۾ نئين سي ايس جي سپورٽ آڻيندا آهن ۽ ويب برائوزر کي طاقتور نون اسٽائلنگ اوزار فراهم ڪرڻ لاء ماڊل کي لاڳو ڪرڻ شروع ڪيو آهي.

(ڪيترن سالن کان ماضي ۾، ويب ڊزائنر چونڊيو ويو جيڪي ويب سائيٽن جي ڊزائن ۽ ڊزائينزن لاء سي ايس استعمال ڪرڻ کان انڪار ڪن ٿا، پر اهو عمل سڀني کان اڄ به صنعت مان نڪتو آهي. سي ڊي ايس هاڻي ويب ڊيزائن ۾ وڏي پيماني تي استعمال ٿيل معيار آهي ۽ توهان کي صنعت ۾ ڪنهن به ڪم ڪندڙ کي تلاش ڪرڻ لاء سخت زور ڀريو ويندو آهي جيڪا گهٽ ۾ گهٽ هن ٻوليء جي بنيادي ڄاڻ نه هوندي هئي.

سي ايس هڪ اڻ کليل آهي

جيئن اڳ ڄاڻايل آهي، سي ايس ڊي جو لفظ "ڪاسسلنگ انداز واري شيٽ" لاء آهي. اچو ته هن جملي کي ٿورو ڪجهه وڌيڪ طور تي مڪمل طور تي بيان ڪريو ته اهي اهي دستاويز جيڪي بيان ڪن ٿا.

لفظ "طرز شيٽ" پاڻ کي دستاويزن ڏانهن اشارو ڪيو آهي (HTML وانگر، سي ايس فائيلون حقيقت ۾ صرف متن جا دستاويز آهن جيڪي پروگرام جي مختلف قسمن سان تبديل ڪري سگهجي ٿو). اسڪاٽ جي چادر ڪيترن سالن کان دستاويزن ڊزائن لاء استعمال ڪيا ويا آهن. اهي هڪ ترتيب لاء ٽيڪنيڪل وضاحتون آهن، ڇا پرنٽ يا آن لائن. پرنٽ ڊيزائنرز کي ڊگهي انداز ۾ چادر استعمال ڪيو آهي ته انهن جي ڊزائينز بلڪل پنهنجن بيانن تي ڇپيل آهن. ويب پيج لاء هڪ اسلوب شيٽ ساڳيو مقصد کي ڪم ڪندو آهي، پر ويب برائوزر کي پڻ شامل ڪرڻ جي شامل ڪارڪردگي سان گڏ ڪئين دستاويز پيش ڪيو ويو آهي. اڄ، سي ايس ڊي جي شئي شيٽ پڻ ميڊيا جي سوالن کي استعمال ڪري سگهڻ واري صفحي کي مختلف ڊوائيسز ۽ اسڪرين جي سائيز ڏسڻ لاء تبديل ڪري سگهي ٿو. اهو ناقابل ممڪن حد کان اهم آهي ڇو ته اها هڪ HTML دستاويزن کي مختلف طور تي اسڪرين جي مطابق مهيا ڪرڻ جي اجازت ڏئي ٿي جيڪا ان تائين رسائي لاء استعمال ڪئي پئي وڃي.

اصل ۾ ڪاسداڊ خاص طور تي "سينگارنگ وارو شيٽ شيٽ" جي اصطلاح آهي. ويب ويب شيٽ جو مقصد ان شيٽ ۾ سيريز جي سيريز جي ذريعي ڇڪايو وڃي ٿو، جهڙوڪ هڪ درياهه جي وهڪري وانگر. درياء ۾ پاڻي سڀني جبلن کي آبشار ۾ ڌڪايو آهي، پر رڳو انهن کي گهٽ ۾ گهٽ ڌڪيندو پاڻي جتي وهندي. ساڳئي طرح ويب سائيٽ جي طرز شيڪن ۾ جراثيم جو سچو آهي.

هر ويب پيج تي گهٽ ۾ گهٽ هڪ اندازي شيٽ متاثر ٿئي ٿي، جيتوڻيڪ ويب ڊزائينر ڪنهن به انداز ۾ نٿي ڪري. هي اسلوٽ شيٽ صارف جو ايجنٽ وارو شيٽٽ شيٽ آهي- اهو ڊيموڪريٽس انداز سان پڻ سڃاتو ويندو آهي، جيڪو ويب برائوزر ڪنهن به هدايتون مهيا ٿيل آهن جيڪڏهن ڪنهن صفحي کي ڊسپلي ڪرڻ لاء استعمال ڪنداسين. مثال طور، ڊفالٽ هائڪ لنڪ جي ذريعي نيري رنگ ۾ هونديون آهن ۽ اهي هيٺيون آهن. اهي برائوزر ويب برائوزر جي ڊفالٽ انداز واري شيٽ تان اينديون آهن. ويب ويب ڊزائينر ٻين هدايتن کي فراهم ڪندو آهي، جڏهن ته، برائوزر کي ڄاڻڻ جي ضرورت هوندي آهي ته ڪهڙا هدايتون آهن. سڀئي برائوزر انهن جي ڊفالٽ واريون هونديون آهن، پر انهن مان ڪيترائي (جهڙوڪ نيرو ڪميونيڪيشن ٽيڪسٽ لسٽ) سڀن يا سڀ کان وڏي برائوزر ۽ نسخن ۾ ورهيل آهن.

برائوزر ڊفالٽ جي ھڪ ٻيو مثال لاء، منھنجي ويب برائوزر ۾، ڊفالٽ فونٽ "ڊيزائين نيو رومن " جي ماپ ۾ ڏيکاريو ويو آھي اهو ئي سبب آهي ته جاکوڙي جو بيان ڪري ٿو ته فين سائيز ۽ ڪٽنب کي ٻيهر ڏيڻ لاء، ٻئي ڊزائينر جي ڊاڪٽرن کي ختم ڪرڻ لاء، ٻيو ڊزائنر مقرر ڪيل آهن. ويب پيج لاء توهان جي ٺاهيل ڪنهن به طرز جي شيڪشن برائوزر جي ڊفالٽ اندازن کان وڌيڪ خاصيت هوندي، تنهن ڪري اهي انهن جا اڪثريت صرف لاڳو ٿين ٿيون جيڪڏهن توهان جو انداز شيٽ انهن کي رد نه ڪري سگهندي. جيڪڏهن توهان نيري ۽ هيٺيون لنڊن سان ڳنڍيل آهي، توهان کي پهريان کان پهريان ڪجهه ڪم ڪرڻ جي ضرورت ناهي، پر جيڪڏهن توهان جي سائيٽ سي ايس ڊي فائيل چوي ٿو ته لنڪ سائيٽن جو هجڻ گهرجي، انهي رنگ کي ڊفالٽ نيٽو ختم ڪري ڇڏيندو. ھيٺين ريت ھن مثال ۾ رھندي، ڇو ته توھان ٻي صورت ۾ ڄاڻ نه ڪئي ھئي.

ڪيڏانهن سيريز ڪٿي آهي؟

CSS انهي کي استعمال ڪرڻ لاء پڻ استعمال ڪري سگھن ٿيون ويب ويب صفحن کي ويب برائوزر کان ٻئي ميڊيا ۾ ڏٺو ويو آهي جڏهن ڏسڻ گهرجي. مثال طور، توهان هڪ پرنٽ انداز شيٽ ٺاهي سگهو ٿا جيڪا ويب صفحي کي ڇاپڻ گهرجي. ڇو ته ويب پيج جون شيون جيڪي نائينون بٽڻ يا ويب فارمز سان ڇپيل صفحي تي ڪابه مقصدن نه هونديون آهن، هڪ پرنٽ انداز شيٽ استعمال ڪري سگهجن ٿا جڏهن انهن صفحي کي ڇڪ ڪيو ويندو آهي. خاص طور تي ڪيترن ئي سائيٽن تي هڪ عام رواج نه آهي، پر پرنٽ انداز جي شيٽنگ ٺاهڻ جو اختيار طاقتور ۽ پرکشش آهي (منهنجي تجربو ۾. گهڻا ويب پروفيسر اهو ئي نه ٿا ڪن ڇاڪاڻ ته سائيٽ جي بجلي جي گنجائش هن اضافي ڪم لاء نه سڏين. ).

ڇو سي ايس جي اھميت آھي؟

ايس ايس ڊيز ڏاڍي طاقتور اوزار مان هڪ آهي، ويب ويب ڊزائينر سکڻ ڪري سگهي ٿو ڇو ته ان سان توهان ويب سائيٽ جي پوري بصري ظاهري تي اثر انداز ڪري سگهو ٿا. سٺو لکندڙ طرز چادر کي جلدي اپڊيٽ ٿي سگهي ٿو ۽ سائيٽن کي اجازت ڏيڻ جي اجازت ڏيو جيڪا اسڪرين تي نظر انداز ڪيو وڃي ٿي، جيڪا موڙ ۾ قدر ڏيکاري ٿو ۽ گهرن ڏانهن ڌيان ڏئي، بنا ڪنهن به تبديلي جي هيٺيان ئي HTML HTML مارڪ اپ کي تبديل ڪرڻ جي ضرورت آهي.

سي ايس جي بنيادي چئلينج اهو آهي ته سکڻ لاء ڪافي ٿورڙو آهي ۽ برائوزر هر روز تبديل ڪندي، اڄ به چڱي طرح ڪم ڪري نه سگهيو آهي جيئن ته نئين شيلون هئڻ جي حمايت ڪئي وينديون آهن ۽ ٻيا ٻيڙا يا ڪنهن ٻئي سبب جي حق کان محروم آهن. .

ڇاڪاڻ ته سي ڊي شايد جاکوڙ ۽ گڏ ڪري سگھن ٿا، ۽ اهو سمجهيو ته مختلف برائوزر کي هدايتون ۽ وضاحت ڪري سگهن ٿا، سي ايس اي سادي HTML کان ماسٽر کان وڌيڪ ڏکيو ٿي سگهي ٿو. سي ايس جي برائوزر ۾ پڻ تبديلي ٿي چڪيون آهن جنهن ۾ HTML واقعي نٿو ڪري. جڏهن ته توهان سي ايس استعمال ڪندي شروع ڪيو ٿا، تنهن هوندي، توهان ڏسي سگھو ٿا ته طرز جي شيٽنگ جي طاقت کي حرڪت ڪندي توهان کي يقين اندازي لچڪائي ڏي سگهندي ته توهان ڪيئن ترتيب ڏنل ويب صفحا ۽ انهن جي نظر ۽ محسوس کي بيان ڪيو آهي. طريقي سان، توهان اندازن جي "ٿوري جون ٽوٽون" جو اندازو لڳايو ۽ اهو ڪم ڪيو جيڪو ماضي ۾ توهان لاء ڪم ڪيو آهي ۽ توهان مستقبل ۾ نئين ويبپريز ٺاهڻ وانگر ٻيهر ٻيهر ڪري سگهو ٿا.

اصل مضمون جينيفر ڪيريئن طرفان. Jeremy Girard پاران 7/5/17 تي ڏنل،