ھڪ ويب سائيٽ جو بصري انداز ۽ جوڙجڪ سي ڊي سي يا Cascading Style Sheets پاران ٺاھيو ويو آھي. اهي دستاويز آهن جيڪي ويب پيج جي HTML مارڪ اپ کي شڪل ڏيندا آهن، انهن مارڪپ مان نتيجن جي نتيجن کي ڪئين نموني سان هدايتون رکندڙ ويب برائوزر مهيا ڪن ٿيون. سي ايس ايس هڪ صفحي جي جوڙجڪ کي هٿ ڪندو آهي، انهي سان گڏ رنگ، پس منظر واري تصويرون، نوع جيون ۽ گهڻو ڪجهه.
جيڪڏهن توهان هڪ ايس ڊي فائيل تي نظر ايندي، توهان ڏسندا سين ته اهو ڪنهن طرح مارڪ اپ يا ڪوڊنگ جي ٻولي، انهن فائلن انهن وٽ هڪ مخصوص نحو آهي. هر شيٽ جي شيٽ اي سي ايس جي ضابطن مان ٺاهيو ويو آهي. اهي قاعدا، مڪمل طور تي ورتو، اهي سائيٽ ڇاپيل آهن.
هڪ سي ايس جي اصول جا حصا
سي ايس سي جو قاعدو ٻن الڳ حصن مان آهي - چونڊيندڙ ۽ اعلان. منتخب ڪندڙ اهو بيان ڪيو آهي ته ڇا هڪ صفحي تي ٻڌل آهي ۽ بيان ڪيو ويو آهي ته ڪيئن ٺاهيو وڃي. مثال طور:
p {
رنگ: # 000؛
}
هي هڪ سي ايس سي ڪيو ويو آهي. منتخب ڪندڙ حصو "پي" آهي، جيڪو "پيراگراف" لاء هڪ عنصر چونڊيندڙ آهي. ان ڪري، هن سائيٽ ۾ سڀ پيراگراف چونڊيو ۽ انهن کي ان انداز سان مهيا ڪري سگهون (جيستائين توهان جو ايس ايس سي ايس جي دستاويز ۾ وڌيڪ خاص शैलीहरूबाट लक्षित गरिएका अनुच्छेदहरू).
قاعدي جو حصو جيڪو چوي ٿو "رنگ: # 000؛" اهو آهي جيڪو اعلان جي نالي سان سڃاتو وڃي ٿو. اهو اعلان ٻه ٽڪرا کان آهي - ملڪيت ۽ قدر.
ملڪيت هن اعلان جي "رنگ" وارو ٽڪرا آهي. اهو ٺاهي ٿو ته چونڊيندڙ جو پسموض تبديل ٿي ويندو.
اهو قدر آهي جيڪو چونڊيل سي ايس جي ملڪيت تبديل ٿي ويندي. اسان جي مثال ۾، اسان # 000 جو هيڪس ويلر استعمال ڪري رهيا آهيو، جيڪا سي ڊي جي آڌار تي "ڪارو" لاء آهي.
تنهن ڪري هن سي ايس جي ضابطي کي استعمال ڪندي، اسان جي صفحي کي ڪارو رنگ جي رنگن ۾ ڏيکاريل پيراگراف هجي ها.
سي ڊي جي ملڪيت جاچ
جڏهن توهان سي ڊي جي ملڪيتن کي لکندا آهيو، توهان انهن کي آسان بڻائي نه سگھندا جيئن توهان فٽ ڏسي سگهو ٿا. مثالن لاء، "رنگ" هڪ حقيقي سي ايس ملڪيت آهي، تنهنڪري توهان ان کي استعمال ڪري سگهو ٿا. هي ملڪيت جيڪو آهي جيڪو عنصر جو متن رنگ کي متعين ڪري ٿو. جيڪڏهن توهان سي ڊي ملڪيت جي طور تي "ٽيڪسٽ-رنگ" يا "فٽ رنگ-رنگ" استعمال ڪرڻ جي ڪوشش ڪئي آهي، اهي ناڪام ٿين ٿيون ڇو ته اهي سي ايس ايس جي حقيقي حصا نه آهن.
ٻيو مثال ملڪيت "پس منظر واري تصوير" آهي. هي ملڪيت هڪ تصوير سيٽ ڪري ٿو جيڪو پس منظر لاء استعمال ڪري سگهجي ٿو جهڙوڪ:
.logo {
پس منظر جي شڪل: url (/images/company-logo.png)؛
}
جيڪڏهن توهان "پس منظر-تصوير" يا "پس منظر-گرافڪ" کي ملڪيت طور استعمال ڪرڻ جي ڪوشش ڪئي آهي، اهي ناڪام ٿين ٿيون ڇو ته، هڪ ڀيرو ٻيهر، اهي اصل سي ايس ايس ملڪيت نه آهن.
ڪجھ سي ايس جي پراڊڪٽ
هتي هڪ سي ايس جي خاصيتون آهن جيڪي توهان سائيٽ کي انداز ڪرڻ لاء استعمال ڪري سگهو ٿا. ڪجهه مثال آهن:
- سرحد (سرحدي سرحد، سرحد-رنگ، ۽ سرحد-चौड़ाई شامل)
- پنگنگ (پيڊنگنگ، چوٽي، چوڪڻ جي دڙي، چوڊنگ-تري، ۽ چوٿون ڇڏي)
- مارجنز (مارجن-چوٽي، مارجن-حق، مارجن-تري، ۽ مارجن بائیں شامل آهن)
- فونٽ-ڪٽنب
- فونٽ جو قد
- پس منظر-رنگ
- ويڪر
- اوچائي
اهي سي ايس پراپرڪٽس وڏن مثالن طور استعمال ڪرڻ وارا آهن، ڇو ته اهي تمام تمام گهڻا آهن ۽، جيتوڻيڪ جيڪڏهن توهان CSS نه ڄاڻندا آهيو، ته شايد توهان شايد انهن جي نالن جي بنياد تي اهو اندازو ڪري سگهون ٿا.
ٻيون سي ايس جي خاصيتون آهن جيڪي توهان سان گڏوگڏ ڪنديون آهن جئين ظاهر ٿي ته اهي انهن جي نالن جي بنياد تي ڪيئن ڪم ڪري رهيا آهن.
- سچل
- صاف ڪيو
- تڪڙو
- ڪپڙو مٽائڻ
- Z-index
جئين توهان ويب ڊيزائن ۾ تمام گهڻي ڄاڻو ٿا، توهان انهن سڀ ملڪيت ۽ وڌيڪ (۽ استعمال) سان منهن ڪنداسين.
ملڪيت جي قيمت جي ضرورت آهي
هر وقت توهان هڪ ملڪيت استعمال ڪيو ٿا، توهان کي اهو قيمت ڏيڻو پوندو- ۽ ڪجهه خاصيتن صرف ڪجهه قدر قبول ڪري سگهن ٿا.
اسان جي "رنگ" ملڪيت جي پهرين مثال ۾، اسان کي رنگ قدر استعمال ڪرڻ جي ضرورت آهي. اهو هڪ هيڪ ويلڊ ٿي سگهي ٿو، آر بي بي سي جي قيمت، يا حتي رنگن جا رنگ پڻ. جڏهن ته انهن مان ڪنهن به ڪم کي ڪم ايندو هوس، جيڪڏهن توهان هن ملڪيت سان "خيالي" لفظ استعمال ڪيو، ته اهو ڪجهه ناهي ڪيو، ڇاڪاڻ ته جيئن لفظ جو بيان ڪري سگهجي ٿي، اهو سي ايس ۾ هڪ تسليم ڪيل قيمت نه آهي.
اسان جو ٻيو مثال "پس منظر واري تصوير" جي ضرورت آهي تصوير جو رستو توهان جي سائيٽ جي فائلن تان حقيقي تصوير آڻڻ لاء استعمال ٿيندو. ھيء قيمتي قدر / نحو آھي جيڪو گھربل آھي.
سڀ سي ايس جا خاصيتون آهن جيڪي انهن جي اميد رکندا آهن. مثال طور:
- سرحد جي رنگ هڪ رنگ جي قيمت جي اميد رکي ٿو
- سرحد جي ماپ هڪ سيزنگ جي قيمت وانگر آهي، جهڙوڪ پينسل يا فيصد
- سرحدن جي شئي واري نوعيت واري مخصوص شيلز کي هن ملڪيت لاء استعمال ڪيو ويندو آهي، جهڙوڪ "محڪم"
جيڪڏهن توهان سي ايس جي ملڪيتن جي لسٽ ۾ وڃو، توهان اهو دريافت ڪيو ته انهن مان هر هڪ خاص قدر آهن جيڪي انهن کي ٺاهڻ لاء استعمال ڪندا سين جيڪي انهن لاء آهن.
جيريمي Girard پاران ڏنل