مقدمه CSS

CSS کیا ہے؟

  • CSS مطابق ہوتا ہے، یعنی کسینگ استایل شیئٹ* (Cascading Style Sheets)
  • CSS دکھاتا ہےHTML عناصر کو کس طرح سے اسکرین، پیپر یا دیگر میڈیا پر دکھایا جائے، اس بات کو دکھاتا ہے
  • CSS بہت سارا کام بچاتا ہے، جو متعدد ویب پیجوں کی لائاوت کو یکساں طور پر کنٹرول کر سکتا ہے
  • باہری استایل شیئٹ ذخیرہ کیا جاتا ہے CSS فائلچینی

*：بھی کسینگ استایل شیئٹ کہا جاتا ہے。

CSS نمائش - ایک ویب پیج - متعدد استایل!

ایک ویب پیج دیکھیجئے جس میں چار مختلف استایل شیئٹز فراہم ہیں۔ نیچے کے لینک پر کلک کریں اور مختلف استایل دیکھیجئے:

CSS کی وجہ کو کیا استعمال کیا جاتا ہے؟

CSS ویب پیج کی جگہ کا استایل بناکر استعمال کیا جاتا ہے، جس میں مختلف اپلائیڈ اور اسکرین سائز کی ڈیزائن اور لائاوت شامل ہیں。

CSS مثال

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

آپ خود سے کچھ کوشش کریں!

CSS نے ایک بڑا مسئلہ حل کیا!

HTML نے کبھی ویب پیج کی فرمت کے لئے لگل لگنے کا ارادہ نہیں رکھا تھا!

HTML کی تعمیر کا مقصد یہ ہےویب پیج کا معرفی کرنامثلاً:

<h1>یہ ایک عنوان ہے。</h1>
<p>یہ ایک پاراگراف ہے。</p>

بعد از شروع کئے جانے کے بعد، <font> جیسے لیبل اور رنگ نمائش کی خاصیت کو HTML 3.2 معیار میں شامل کیا گیا، ویب کا فنکاروں کا کابوس شروع ہوا۔ بڑی ویب سائٹوں کا فروغ کرنے کیلئے، یہ کا رائج کیا گیا کہ یہ صفحات میں جونگل و رنگ کی معلومات شامل کی جائیں، جو ایک طویل اور لاگت دار عمل بن گیا تھا。

اس مسئلے کو حل کرنے کیلئے، ویل وائی وائی سی (W3C) نے CSS بنایا.

CSS نے HTML پیج سے استایل فرمت کو ہٹایا!

اگر آپ کو پتہ نہیں ہے کہ HTML کیا ہے تو، سادہ میں کہنا چاہتا ہوں کہ آپ کو پڑھنے چاہئے HTML درس.

CSS نے بہت کم کام کیا!

استایل کا نمائش اگلایا جانا، عام طور پر بیرونی .css فائل میں محفوظ ہوتا ہے。

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