سی ایس ایس پراپرٹی کی تعریف

ایک ویب سائٹ کے بصری طرز اور ترتیب CSS یا Cascading انداز شیٹس کی طرف سے مقرر کیا جاتا ہے. یہ دستاویزات ہیں جو ویب صفحہ کے ایچ ٹی ایم ایل مارک اپ کی شکل میں، ویب براؤزر فراہم کرنے والے صفحات کو اس مارک اپ سے متعلق نتائج کو کیسے ظاہر کرتے ہیں. سی ایس ایس ایک صفحہ کی ترتیب، ساتھ ساتھ رنگ، پس منظر کی تصاویر، نوع ٹائپ اور بہت کچھ سنبھالا ہے.

اگر آپ سی ایس ایس فائل کو دیکھتے ہیں، تو آپ دیکھیں گے کہ کسی بھی مارک اپ یا کوڈنگ کی زبان کی طرح، ان فائلوں کو ان کے پاس مخصوص نحو ہے. ہر سٹائل شیٹ کئی CSS قوانین سے بنا ہے. یہ قواعد، جب مکمل ہو جاتی ہیں، وہ کونسی طرزیں سائٹ ہیں.

سی ایس ایس کے اصول کے حصے

ایک سی ایس ایس کی حکمرانی دو الگ الگ حصوں پر مشتمل ہے - انتخابی اور اعلان. انتخاب کنندہ اس بات کا تعین کرتا ہے کہ اس صفحے پر کیا سٹائل کیا جا رہا ہے اور اعلان یہ ہے کہ اسے کیسے سٹائل کیا جانا چاہئے. مثال کے طور پر:

p {
رنگ: # 000؛
}

یہ ایک سی ایس ایس قاعدہ ہے. انتخاب کنندہ کا حصہ "پی" ہے، جو "پیراگراف" کیلئے ایک عنصر انتخاب کنندہ ہے. لہذا، اس ویب سائٹ میں تمام پیراگراف کو منتخب کریں اور انہیں اس طرز کے ساتھ فراہم کریں (جب تک کہ پیراگراف نہیں ہیں جو آپ کے سی ایس ایس کے دستاویز میں اور زیادہ مخصوص شیلیوں کی طرف سے نشانہ بنایا جارہا ہے).

قاعدہ کا حصہ جس کا کہنا ہے کہ "رنگ: # 000؛" کیا اعلان ہے کے طور پر جانا جاتا ہے. یہ اعلان دو ٹکڑوں سے بنا ہے - جائیداد اور قیمت.

جائیداد اس اعلان کے "رنگ" کا ٹکڑا ہے. یہ بتاتا ہے کہ کونسل کا کونسل پہلوؤں کو نظر انداز کر دیا جائے گا.

قیمت یہ ہے کہ منتخب کردہ سی ایس ایس کی جائیداد کو تبدیل کیا جائے گا. ہمارے مثال میں، ہم # 000 کا ہیکس قدر استعمال کررہے ہیں، جو سی ایس ایس کی املاک "سیاہ" کے لئے ہے.

لہذا اس سی ایس ایس کے اصول کا استعمال کرتے ہوئے، ہمارے صفحے کے پاس سیاہ کے فونٹ رنگ میں ظاہر کردہ پیراگراف ہوتے ہیں.

سی ایس ایس پراپرٹی بیسس

جب آپ سی ایس ایس کی خصوصیات لکھتے ہیں، تو آپ آسانی سے انہیں آسانی سے بنا سکتے ہیں جیسا کہ آپ فٹ دیکھتے ہیں. مثال کے طور پر، "رنگ" اصل سی ایس ایس ملکیت ہے، لہذا آپ اسے استعمال کرسکتے ہیں. یہ پراپرٹی یہ ہے کہ ایک عنصر کا متن کا رنگ کیا ہے. اگر آپ سی ایس ایس کی خصوصیات کے طور پر "ٹیکسٹ رنگ" یا "فونٹ - رنگ" استعمال کرنے کی کوشش کرتے ہیں، تو یہ ناکام ہوجائے گا کیونکہ وہ سی ایس ایس زبان کے حقیقی حصے نہیں ہیں.

ایک اور مثال پراپرٹی "پس منظر کی تصویر" ہے. یہ پراپرٹی ایسی تصویر بنا دیتا ہے جو اس پس منظر کے لئے استعمال کیا جا سکتا ہے، جیسے:

.logo {
پس منظر کی تصویر: url (/images/company-logo.png)؛
}

اگر آپ کسی "جائیداد" کے طور پر "پس منظر کی تصویر" یا "پس منظر - گرافک" استعمال کرنے کی کوشش کرتے ہیں، تو وہ ناکام ہوجائیں گے، کیونکہ ایک بار پھر، یہ حقیقی سی ایس ایس کی خصوصیات نہیں ہیں.

کچھ سی ایس ایس کی خصوصیات

ایسی سی ایس ایس کی خصوصیات موجود ہیں جو آپ سائٹ پر سٹائل استعمال کرتے ہیں. کچھ مثالیں ہیں:

• سرحد (بشمول سرحدی طرز، سرحدی رنگ، اور سرحد چوڑائی)
• پڈنگ (پیڈڈنگ - سب سے اوپر، پیڈنگ دائیں، بھرنے کے نیچے، اور بھرنے بائیں سمیت)
• مارجنز (مارجن ٹاپ، مارجن دائیں، مارجن-نیچے، اور مارجن بائیں سمیت)
• فونٹ - خاندان
• حرف کا سائز
• پس منظر کا رنگ
• چوڑائی
• اونچائی

یہ سی ایس ایس کی خصوصیات بہت اچھے ہیں مثال کے طور پر استعمال کرنے کے لئے، کیونکہ وہ تمام بہت سارے ہیں اور، یہاں تک کہ اگر آپ سی ایس ایس نہیں جانتے ہیں تو، آپ شاید ان کے نام پر مبنی کیا سوچ سکتے ہیں.

سی ایس ایس کے دیگر خصوصیات ہیں جو آپ کے ساتھ ساتھ سامنا کریں گے جو واضح طور پر واضح نہیں ہوسکتے کہ ان کے نام پر کیسے کام کرتے ہیں.

• فلوٹ
• واضح کریں
• بہاؤ
• ٹیکسٹ ٹرانسمیشن
• Z-index

جیسا کہ آپ ویب ڈیزائن میں گہری ہو جاتے ہیں، آپ ان تمام خصوصیات اور زیادہ سے زیادہ (اور استعمال کرتے ہیں) کا سامنا کریں گے!

پراپرٹیز کی ضروریات

ہر بار جب آپ ایک پراپرٹی کا استعمال کرتے ہیں تو، آپ کو یہ ایک قدر دینا ہوگا - اور کچھ خاصیت صرف بعض اقدار قبول کرسکتے ہیں.

"رنگ" جائیداد کی ہماری پہلی مثال میں، ہمیں رنگ کی قدر کا استعمال کرنا ہوگا. یہ ایک ہییکس قیمت ، آرجیبی اے قیمت، یا مطلوبہ الفاظ کو رنگ بھی بنایا جا سکتا ہے. تاہم، ان اقدار میں سے کوئی بھی کام کرے گا، اگر آپ اس پراپرٹی کے ساتھ "اداس" لفظ استعمال کرتے ہیں، تو یہ کچھ بھی نہیں کرے گا کیونکہ، اس لفظ کے طور پر وضاحتی ہوسکتا ہے، یہ سی ایس ایس میں ایک تسلیم شدہ قدر نہیں ہے.

"پس منظر کی تصویر" کا دوسرا مثال آپ کی سائٹ کی فائلوں سے اصل تصویر حاصل کرنے کے لۓ ایک تصویر کا راستہ کی ضرورت ہے. یہ قیمت / نحو کی ضرورت ہے.

تمام سی ایس ایس کی خصوصیات میں وہ اقدار ہیں جو ان کی توقع رکھتے ہیں. مثال کے طور پر:

• سرحد کا رنگ ایک رنگ کی قیمت کی توقع کرتا ہے
• سرحد کا سائز ایک سائز کی قدر، جیسے پکسلز یا فی صد کی توقع ہے
• سرحدی شیلیوں کی اس پراپرٹی کے لئے استعمال کردہ مخصوص شیلیوں میں سے ایک کی توقع ہے، جیسے "ٹھوس"

اگر آپ سی ایس ایس کی خصوصیات کی فہرست کے ذریعے جاتے ہیں، تو آپ کو پتہ چلتا ہے کہ ان میں سے ہر ایک مخصوص اقدار ہیں جو وہ اس سٹائل بنانے کے لئے استعمال کریں گے جو ان کے لئے ہیں.

جیریمی Girard کی طرف سے ترمیم