اردو میں جدید کوڈنگ زبان ایچ ٹی ایم ایل ، سی ایس ایس اور جاوا اسکرپٹ کا یہ چھٹا لیچکچر ہے ۔ یہ لیکچر انتہائی آسان زبان اور آسانی سے سمجھ میں آنے والی کوڈنگ میں لکھا گیا ہے ۔ اس زبان کو ایک نو دس سال کا بچہ بھی آسانی سے سمجھ سکتا ہے ۔۔ تو آئیے شروع کرتے ہیں آج کا چھٹا لیکچر ۔CSS کا تعارف اور سلیکٹرز
CSS کیا ہے؟
CSS کا مطلب Cascading Style Sheets ہے۔ یہ HTML عناصر کو اسکرین، کاغذ، یا دیگر میڈیا پر کیسے دکھایا جائے، اس کی وضاحت کرتا ہے۔
CSS کے تین طریقے
- ان لائن (Inline):
styleوصف کو براہ راست HTML عنصر میں استعمال کیا جاتا ہے۔ - اندرونی (Internal):
<style>ٹیگ کو<head>سیکشن میں استعمال کیا جاتا ہے۔ - بیرونی (External): ایک الگ
.cssفائل میں اسٹائلز کی وضاحت کی جاتی ہے اور اسے<link>ٹیگ کے ذریعے HTML سے منسلک کیا جاتا ہے۔
مثالیں
ان لائن CSS
یہ ایک سرخ پیراگراف ہے۔
اندرونی CSS
یہ ایک نیلا ہیڈنگ ہے۔
بیرونی CSS
بیرونی CSS کے لیے، آپ ایک styles.css فائل بنائیں گے اور اسے اس طرح لنک کریں گے:
<link rel="stylesheet" href="styles.css">CSS سلیکٹرز
سلیکٹرز کیا ہیں؟
CSS سلیکٹرز کا استعمال ان HTML عناصر کو “تلاش” (یا منتخب) کرنے کے لیے کیا جاتا ہے جنہیں آپ اسٹائل کرنا چاہتے ہیں۔
عام سلیکٹرز
- عنصر سلیکٹر (Element Selector): ٹیگ کے نام کی بنیاد پر عناصر کو منتخب کرتا ہے۔ مثال:
p - کلاس سلیکٹر (Class Selector): مخصوص کلاس وصف والے عناصر کو منتخب کرتا ہے۔ مثال:
.my-class - آئی ڈی سلیکٹر (ID Selector): مخصوص آئی ڈی وصف والے عنصر کو منتخب کرتا ہے۔ مثال:
#unique-id
مثالیں
یہ ایک عام پیراگراف ہے۔
اس پیراگراف کو نمایاں کیا گیا ہے۔
یہ ایک اور پیراگراف ہے۔
یہ بھی نمایاں ہے۔