سی ایس ایس کے ساتھ ویب سائٹ فونٹ رنگ تبدیل کرنے کے لئے کس طرح

اچھی ٹائپگرافک ڈیزائن ایک کامیاب ویب سائٹ کا ایک اہم حصہ ہے. سی ایس ایس آپ کو ویب صفحات پر متن کے ظہور پر بہت اچھا کنٹرول دیتا ہے جسے آپ نے ویب صفحات تیار کیا. اس میں آپ کسی بھی فانٹ کا رنگ تبدیل کرنے کی صلاحیت بھی شامل ہے.

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

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

فونٹ رنگ تبدیل کرنے کے لئے طرزیں شامل کریں

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

یہاں آپ بیرونی بیرونی شیٹ کا استعمال کرتے ہوئے پیراگراف ٹیگ کے اندر متن کا فونٹ رنگ تبدیل کرنے کا طریقہ یہاں ہے.

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

1. پیراگراف ٹیگ کے لئے سٹائل کی خاصیت شامل کریں:
   1. p {}
2. رنگ کی جائیداد کو سٹائل میں رکھیں. اس کی جائیداد کے بعد ایک کالونی کو رکھیں:
   1. p {رنگ:}
3. پھر پراپرٹی کے بعد اپنی رنگ کی قیمت شامل کریں. ایک نیم نیم کالونہ کے ساتھ اس قدر کو ختم کرنے کا یقین کریں:
   1. p {رنگ: سیاہ؛}

آپ کے صفحے میں پیراگراف اب سیاہ ہو جائیں گے.

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

p {رنگ: # 000000؛ }

یہ سی ایس ایس سٹائل آپ کے پیراگراف کا رنگ سیاہ میں بھی مقرر کرے گا، کیونکہ # 000000 کا ہیکس کوڈ سیاہ میں ترجمہ کرتا ہے. آپ اس قدر ہاتھی کا استعمال بھی کرسکتے ہیں کہ وہ ایکس ایکس قیمت کے ساتھ اور اسے صرف 000 کے طور پر لکھیں اور آپ وہی چیز لیں گے.

جیسا کہ ہم نے پہلے ہی ذکر کیا ہے، ہییکس اقدار کو اچھی طرح سے کام کرتا ہے جب آپ کو رنگ کی ضرورت ہوتی ہے جو صرف سیاہ یا سفید نہیں ہے. یہاں ایک مثال ہے:

p {رنگ: # 2f5687؛ }

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

آخر میں، آپ آرجیبی اے رنگ کے اقدار کے ساتھ فونٹ کے رنگ کے ساتھ استعمال کرسکتے ہیں. RGCA اب سبھی جدید براؤزرز میں معاونت کی جاتی ہے، لہذا آپ ان اقدار کو تھوڑی فکر سے استعمال کرسکتے ہیں کہ یہ ویب براؤزر میں نہیں کی جائے گی، لیکن آپ کو بھی آسان fallback مقرر کر سکتے ہیں.

p {رنگ: راگا (47،86،135،1)؛ }

یہ آرجیبی اے کی قدر اسی طرح ہے جسے پہلے نیلے رنگ کا رنگ مقرر کیا گیا ہے. پہلے 3 اقدار نے سرخ، سبز، اور بلیو اقدار کو مقرر کیا اور آخری نمبر الفا ترتیب ہے. یہ "1" پر مشتمل ہے، جس کا مطلب "100٪" ہے، لہذا یہ رنگ شفافیت نہیں ہوگی. اگر آپ اسے ایک ڈیسر نمبر پر لکھتے ہیں، جیسے 85 .85، یہ 85٪ طلوعیت کا ترجمہ کریں گے اور رنگ تھوڑا شفاف ہوگا.

اگر آپ اپنے رنگ کے اقدار کو بلٹ بٹ کرنا چاہتے ہیں تو، آپ ایسا کریں گے:

p {
رنگ: # 2f5687؛
رنگ: راگا (47،86،135،1)؛
}

یہ نحوق پہلے ہی ہیکس کوڈ مقرر کرتا ہے. اس کے بعد یہ آرجیبیآئ نمبر کے ساتھ قیمت پر غالب ہے. اس کا مطلب یہ ہے کہ آرجیبی اے کی حمایت نہیں کرتا جو کوئی بھی بڑی برائوزر پہلی قدر حاصل کرے گا اور دوسرا نظر انداز نہیں کرے گا. جدید براؤزرز سی ایس ایس کی جھلکیاں فی سیکنڈ کا استعمال کریں گے.