سی ایس ایس ابتدائی تیچر

需要具备的基础知识

在继续学习之前，你需要对下面的知识有基本的了解：

  • ایچ تی ام ال
  • XHTML

ਜੇਕਰ ਤੁਸੀਂ ਇਨ੍ਹਾਂ ਪ੍ਰੋਜੈਕਟਾਂ ਨੂੰ ਪਹਿਲਾਂ ਸਿੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਮੁੱਖ ਪੰਨਾ ਸਬੰਧਤ ਸਿੱਖਿਆਵਾਂ ਦੀ ਪਹੁੰਚ ਕਰੋ

CSS ਸੂਚਨਾ
  • CSS ਨੇ ਕਾਲਾਂਕਰਣ ਸਟਾਈਲ ਸ਼ੇਅਰ (Cascading Style Sਸ਼ੀਟਸ)
  • ਸਟਾਈਲ ਨਿਰਧਾਰਣਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਹੈ ਐੱਚਟੀਐੱਮਐੱਲ ਐਲੀਮੈਂਟ
  • ਸਟਾਈਲ ਆਮ ਤੌਰ 'ਤੇਸਟਾਈਲ ਸ਼ੇਅਰਵਿੱਚ
  • ਐੱਚਟੀਐੱਮਐੱਲ 4.0 ਵਿੱਚ ਸਟਾਈਲ ਸ਼ੇਅਰ ਜੋੜਨ ਦਾ ਉਦੇਸ਼ਸਮੱਗਰੀ ਅਤੇ ਪ੍ਰਦਰਸ਼ਨ ਦੇ ਵੰਡ ਦੀ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ
  • باہری استایل شیٹਬਹੁਤ ਹੀ ਕਾਰਜ ਦਰਜੇ ਨੂੰ ਵਧਾ ਸਕਦੇ ਹਨ
  • ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੇਅਰ ਆਮ ਤੌਰ 'ਤੇ ਸੀਐੱਸਐੱਸ ਫਾਈਲਵਿੱਚ
  • ਕਈ ਸਟਾਈਲ ਨਿਰਧਾਰਣ ਕਰ ਸਕਦੇ ਹਨਕਾਲਾਂਕਰਣਇੱਕ ਲਈ

ਸਟਾਈਲ ਨੇ ਇੱਕ ਵਿਆਪਕ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕੀਤਾ

ਐੱਚਟੀਐੱਮਐੱਲ ਟੈਗ ਮੂਲ ਵਿੱਚ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਨਿਰਧਾਰਤ ਕਰਨ ਲਈ ਤਿਆਰ ਕੀਤੇ ਗਏ ਸਨ।<h1>, <p>, <table> ਵਰਗੇ ਟੈਗਾਂ ਦੀ ਵਰਤੋਂ ਦੁਆਰਾ ਐੱਚਟੀਐੱਮਐੱਲ ਮੂਲ ਤੌਰ 'ਤੇ ਇਹ ਆਸ ਕੀਤੀ ਗਈ ਸੀ ਕਿ 'ਇਹ ਸਿਰਲੇਖ ਹੈ' 'ਇਹ ਪੈਰਾਗ੍ਰਾਫ ਹੈ' 'ਇਹ ਤਾਲਿਕਾ ਹੈ' ਵਰਗੀ ਸੂਚਨਾ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੀ ਜਾਵੇ।ਦਸਤਾਵੇਜ਼ ਦੀ ਸਾਰਸੰਗ੍ਰਹਿ ਸਾਧਨਾ ਬਰਾਊਜ਼ਰ ਦੁਆਰਾ ਸੰਭਾਲੀ ਜਾਣੀ ਚਾਹੀਦੀ ਸੀ, ਬਿਨਾ ਕਿਸੇ ਫਾਰਮੈਟਿੰਗ ਟੈਗ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਵੇ

ਦੋ ਪ੍ਰਮੁੱਖ ਬਰਾਊਜ਼ਰਾਂ (ਨੈਟਸਕੇਪ ਅਤੇ ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ) ਨੇ ਨਵੇਂ ਐੱਚਟੀਐੱਮਐੱਲ ਟੈਗ ਅਤੇ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ (ਜਿਵੇਂ ਕਿ ਫੰਟ ਟੈਗ ਅਤੇ ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ) ਨੂੰ ਐੱਚਟੀਐੱਮਐੱਲ ਮਿਆਰ ਵਿੱਚ ਜੋੜ ਰਹੇ ਹਨ, ਇਸ ਲਈ ਦਸਤਾਵੇਜ਼ ਦੇ ਸਮੱਗਰੀ ਨੂੰ ਸਮੱਗਰੀ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਸਤਰ ਤੋਂ ਅਲੱਗ ਰੱਖਣ ਵਾਲੇ ਸਾਈਟ ਬਣਾਉਣ ਵਿੱਚ ਕਠਿਨਾਈ ਆ ਰਹੀ ਹੈ

ਇਸ ਸਮੱਸਿਆ ਨੂੰ ਹੱਲ ਕਰਨ ਲਈ, ਵੈਬ ਵਰਲਡ ਕਨਸੋਰਸ (W3C), ਇੱਕ ਗ਼ੈਰ-ਲਾਭਕਾਰੀ ਮਿਆਰੀਕਰਨ ਸੰਘ, ਐੱਚਟੀਐੱਮਐੱਲ ਮਿਆਰੀਕਰਨ ਦੀ ਮਿਸ਼ਨ ਨੂੰ ਲੈ ਕੇ ਰਹਿੰਦਾ ਹੈ ਅਤੇ ਐੱਚਟੀਐੱਮਐੱਲ 4.0 ਦੇ ਬਾਹਰ ਸਟਾਈਲਸ (ਸਟਾਈਲ) ਬਣਾਇਆ ਹੈ

ਸਾਰੇ ਪ੍ਰਮੁੱਖ ਬਰਾਊਜ਼ਰ ਸਟਾਈਲ ਸ਼ੇਅਰ ਨੂੰ ਸਮਰਥਨ ਕਰਦੇ ਹਨ

ਸਟਾਈਲ ਸ਼ੇਅਰ ਨੇ ਕਾਰਜ ਦਰਜੇ ਨੂੰ ਬਹੁਤ ਹੀ ਵਧਾਇਆ ਹੈ

ਸਟਾਈਲ ਸ਼ੇਅਰ ਨੂੰ ਕਿਵੇਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਐੱਚਟੀਐੱਮਐੱਲ 3.2 ਦੇ ਸਟਾਈਲ ਵਿੱਚ ਫੰਟ ਟੈਗ ਅਤੇ ਰੰਗ ਵਿਸ਼ੇਸ਼ਤਾਵਾਂ ਆਮ ਤੌਰ 'ਤੇ ਬਾਹਰੀ .css ਫਾਈਲ ਵਿੱਚ ਸੰਭਾਲੀਆਂ ਜਾਂਦੀਆਂ ਹਨ।ਸਿਰਫ ਇੱਕ ਸਰਲ CSS ਦਸਤਾਵੇਜ਼ ਨੂੰ ਸੰਸ਼ੋਧਨ ਕਰਨ ਨਾਲ ਬਾਹਰੀ ਸਟਾਈਲ ਸ਼ੇਅਰ ਤੁਹਾਨੂੰ ਸਾਈਟ ਦੇ ਸਾਰੇ ਪੰਨਿਆਂ ਦੇ ਵਰਗ ਦੇ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ ਦਾ ਰੰਗ ਬਦਲਣ ਦੀ ਸਮਰੱਥਾ ਦਿੰਦੇ ਹਨ।

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

کثیر استایل لچکدار بن جاتی ہیں

استایل شیٹ متعدد طریقوں سے استایل معلومات مقرر کرنے میں استعمال کی جاسکتی ہیں۔ استایل ایک واحد ایچ تی ام ال عنصر میں، ایچ تی ام ال پیج کے سر علامت میں، یا ایک باہری سی ایس ایس فائل میں مقرر کی جاسکتی ہیں۔ یوں ہی ایک واحد ایچ تی ام ال ڈاکومن میں متعدد باہری استایل شیٹوں کو استعمال کیاجاسکتا ہے。

لچکدار مرتبت

جب ایک ہی ایچ تی ام ال عنصر کو متعدد استایلوں کے ذریعے دلیل دیا جاتا ہے تو اس کیلئے کس استایل کو استعمال کیا جائے؟

عام طور پر، تمام استایل نیچے کی شرط کے مطابق ایک نئی وارسی استایل شیٹ میں لچکدار ہوتی ہیں، جس میں نمبر 4 سب سے اوپر کی ترجیح رکھتی ہے。

  1. بروزویز کی دفعتی سیٹ اپ
  2. باہری استایل شیٹ
  3. اینٹرنل استایل شیٹ (علامت <head> کے اندر)
  4. این لائن استایل (ایچ تی ام ال عناصر کے اندر)

اس لئے، این لائن استائل (ایچ تی ام ال عناصر کے اندر) سب سے اوپر کی ترجیح رکھتی ہے، یعنی یہ نیچے کی استایل دلیلیوں سے اوپر ہوتی ہیں: <head> کے علامت میں استایل دلیلی، باہری استایل شیٹ میں استایل دلیلی، یا بروزویز میں استایل دلیلی (مقابلہ)