سي ايس آئي سان ويب سائيٽون فانٽ رنگ ڪيئن ٺاھيندو

سٺو ٽائپوگرافڪ ڊيزائن ڪامياب ويب سائيٽ جو هڪ اهم حصو آهي. CSS توهان ويب صفحن تي متن جي ظاھر مٿان وڏي سنڀال ڏئي ٿو جيڪا ويب صفحا جيڪي توهان ٺاهيندا آهيو. هن ۾ توهان استعمال ڪريو ڪنهن فانٽ جو رنگ تبديل ڪرڻ جي صلاحيت شامل آهي.

فونٽ رنگ هڪ خارجي طرز شيٽ ، هڪ اندروني انداز شيٽ ، يا اهو تبديل ڪري سگهجي ٿو، جيڪا HTML جي اندر اندر ان لائن اسٽائل استعمال ڪندي تبديل ٿي سگهي ٿي. بهترين طريقا ٺاهي ٿو ته توهان پنهنجي سي ايس جي شالن لاء هڪ خارجي اسڪرين شيٽ استعمال ڪرڻ گهرجي. هڪ اندروني طرز شيٽ، جنهن جا اندازا توهان جي دستاويز جي "سر" ۾ لکيا ويا آهن، عام طور تي صرف ننڍڙو، هڪڙي پيج سائيٽن لاء استعمال ٿيندا آهن. ان لائن جي اندازن کان بچڻ گھرجي، ڇاڪاڻ⁠تہ اھي پراڻي "فٽٽ" ٽئڪس ڏانھن ھجن ٿا، جيڪو اسان گھڻو ڪري رھيا آھيون. اهي لائن لائن جي اندازن کي فونٽ جي انداز جو انتظام ڪرڻ تمام سخت آهي ڇو ته توهان ان لائن انداز جي هر مثال تي تبديل ڪرڻو پوندو.

هن مضمون ۾، توهان هڪ سکوگراف ٽيگ ۾ استعمال ٿيل خارجي طرز شيٽ ۽ هڪ انداز جو استعمال ڪندي فانٽ رنگ تبديل ڪرڻ سکندا. توهان ساڳئي طرز جي قيمت لاڳو ڪري سگهو ٿا ته ڪنهن به ٽيگ تي لکڻ واري رنگ تي رنگ تبديل ڪرڻ لاء، جسم جي ٽيگ سميت.

فونٽ رنگ تبديل ڪرڻ لاء طرز شامل ڪرڻ

انهي مثال جي لاء، توهان کي پنهنجي صفحي جي مارڪ اپ لاء هڪ دستاويز جي ضرورت آهي ۽ انهي دستاويز سان ڳنڍيل هڪ الڳ CSS فائل آهي. HTML دستاويز شايد ان ۾ ڪيترن ئي عنصر پيدا ڪري سگهون. اسان هڪ تعلق آهي ته هن مضمون جي مقصدن لاء پيراگراف عنصر آهي.

هتي اهو آهي ته توهان جي ٻاهرئين انداز واري شيٽ ذريعي متن جي فريم رنگ ۾ ٽائيٽل رنگن کي تبديل ڪرڻ.

رنگ جي قيمت رنگين لفظن وانگر، RGB رنگ نمبر، يا هيڊاديڪل رنگ نمبر ظاهر ڪري سگهجي ٿو.

1. پيراگراف ٽريڪ لاء انداز جي خصوصيت شامل ڪريو:
   1. p {}
2. رنگ جي ملڪيت کي انداز ۾ رکو. انهي ملڪيت کان پوء هڪ نوآبادي کي جاء ڏيو
   1. p {رنگ:}
3. پوء جائزو کانپوء پنھنجي رنگ ويل قدر شامل ڪريو. انهي سيمي کي ڀڄڻ جي پڪ ڪريو ته سيمي ڪولن سان:
   1. ص {رنگ: ڪارو؛}

توهان جي صفحي ۾ پيراگراف هاڻي ڪارو ٿي ويندا آهن.

اهو مثال رنگين لفظ استعمال ڪندو آهي - "ڪارو". اهو سي ايس ايس ۾ رنگ شامل ڪرڻ جو هڪ طريقو آهي، پر اهو تمام گهڻو محدود آهي. "ڪارو" ۽ "اڇا" لاء لفظ استعمال ڪري سڌو آهي، تنهن ڪري اهي ٻه رنگ تمام مخصوص آهن، پر ڇا ٿيندو جڏهن توهان لفظن "سرخ"، "نيلي"، يا "سائي" وانگر استعمال ڪريو ٿا؟ ٺيڪ طور تي ڇا ڳاڙهو، نيري يا ڳاڙهو ڪهڙو پاڙيندو؟ توھان لفظن کي ڪئين وضاحت نه ٿو ڪري سگھو توھان جي لفظن سان. اهو ئي سبب آهي ته هيڊاديڪل اقدار اڪثر رنگين لفظن جي جاء تي استعمال ٿيندا آهن.

p {رنگ: # 000000؛ }

هي سي ڊي سوراخ توهان جي پيراگراف جي رنگ کي ڪارو ڪرڻ سيٽ ڪري ها، ڇو ته # 000000 جي هيڊ ڪوڊ ترجمي ڪرڻ لاء ڪارو. توھان ھتي قيمت سان بھترين استعمال ڪري سگھون ٿا ۽ اھو صرف 000 جيترو لکندا آھيو ۽ توھان ھڪڙي شيء حاصل ڪندا.

جيئن ته اسان اڳ ۾ ئي ذڪر ڪيو ويو آهي، ايڪس ويلن کي چڱي طرح ڪم ٿيندو جڏهن توهان هڪ رنگ جي ضرورت آهي جيڪا صرف ڪارو يا اڇو نه آهي. هتي هڪ مثال آهي:

p {رنگ: # 2f5687؛ }

هي هيسي قيمت ھڪڙو نيري رنگ ۾ پيراگراف ٺاھيندو، پر لفظي "نيلو" جي برعڪس، ھي هيڊ ڪوڊ کي توهان کي نيري جي بلڪل خاص سيڊ قائم ڪرڻ جي صلاح ڏيندو. هي ويب سائيٽ. انهي حالت ۾، رنگ هڪ وچ رينج، سليٽ جهڙو جهڙو نيري هجي.

آخرڪار، توهان فين رنگن لاء پڻ RGBA رنگ جي قيمت استعمال ڪري سگهو ٿا. آر ايف سي هاڻي سڀني جديد جديد برائوزر ۾ حمايت ڪئي آهي، تنهنڪري توهان ننڍڙي پريشاني سان اهو قدر استعمال ڪري سگهو ٿا ته اهو ويب برائوزر ۾ سهڪار نه ٿي سگهندو، پر توهان پڻ هڪ آسان پٺتي سيٽ ڪري سگهو ٿا.

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

اهو آر بي ڊي اي جي قيمت ساڳئي سليٽ نيري رنگ وانگر بيان ڪيو ويو آهي. پهرين 3 اقدار کي ڳاڙھو، گرين، ۽ نيرو اقدار سيٽ ۽ فائنل نمبر جيڪو الفا سيٽنگ آهي. اهو "1" تي قائم آهي، جنهن جو مطلب آهي "100٪"، تنهن ڪري هي رنگ شفافيت نه ايندو ها. جيڪڏهن توهان ڪيڏو وڌو ته وڌو ٿا .85 وانگر، انهي جو ترجمو 85٪ نظر ثانيه ۽ رنگ ٿورڙي شفاف ٿي سگهندي.

جيڪڏھن توھان پنھنجي رنگن جي قيمت کي بلٽٽروٽ ڪرڻ چاھيو ٿا، توھان هن کي ڪري سگھو ٿا:

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

هي نحو پهرين پهريون ايڪسڪس ڪوڊ ٺاهي ٿو. ان کان پوء انهي قيمت کي آر ڪيوا نمبر نمبر کڻي سگھي ٿو. هن جو مطلب آهي ته RGBA جي حمايت نٿو ڪري ته ڪنهن به پراڻن برائوزر پهريون قدر حاصل ڪري ڇڏي ۽ ٻيو سيڪنڊ نظرانداز ڪيو. جديد برائوزر جي سيڪنڊ سي ايس سياسڊ کي فيڻو استعمال ڪندي ها.