ښه ډوله ډیزاین ډیزاین د بریالۍ ویب پاڼې یوه مهمه برخه ده. سی ایس ایس تاسو ته د ویب پاڼې په بڼه د ویب پاڼی په اړه ډیر کنټرول درکوي چې ویب پاڼې تاسو جوړوي. په دې کې د هغه فانټ رنګ بدلولو توان هم شامل دی چې تاسو یې کاروي.
د رنګ رنګونه د بهرني طرز پاڼه ، د داخلي طرزالعمل پاڼه ، یا دا د HTML انډول دننه کې د انلاین اسلوب په کارولو سره بدلیدلی شي. غوره تمرینونه دا دي چې تاسو باید د خپلو CSS سټایلونو لپاره د بهرني طرز پاڼه کاروئ. د داخلي طرز پاڼه، کوم چې شالونه په مستقیم ډول ستاسو د سند "سر" کې ليکل شوي، معمولا یوازې د وړو، یو مخ پاڼې ځایونو لپاره کارول کیږي. د انلاین ډولونو څخه باید مخنیوی وشي ځکه چې دوی زاړه "فټیو" ټګونو ته اشاره کوي چې موږ یې څو کاله وړاندې معامله کړې وه. د انلاین ډول ډولونه د فونټ طرز سیسټم اداره کولو لپاره خورا ستونزمن کوي ځکه چې تاسو باید د انلاین انداز په هر بیلګه کې بدلون بدلولو ته اړتیا ولرئ.
په دې مقاله کې، تاسو به پوه شئ چې څنګه د فټ رنګ رنګ بدل کړئ چې د بهرني طرز پاڼه او یو داسې طرز په کارولو سره چې په پراګراف ټګ کې کارول کیږي. تاسو کولی شئ د ورته ډول ملکیت تطبیقولو لپاره د متن رنګ بدل کړئ کوم چې په متن کې پوښۍ، د <بدن> ٹیګ په ګډون.
د رنګ رنګ بدلولو لپاره طرزالعملونه زیاتول
د دې مثال لپاره، تاسو ته اړتیا لرئ چې د خپل پاڼې مارک اپ لپاره یو HTML سند او یو جلا سی ایس ایس فایل چې د دې سند سره تړلی وي. د HTML نسخه احتمال لري چې په دې کې یو شمیر عناصر جوړ کړي. هغه څوک چې موږ د دې مقالې هدف لپاره اندیښمن یو پیراګراف عنصر دی.
دلته دا ده چې څنګه د بهرني طرز پاڼې په کارولو سره د پیراګراف رنګ دننه په متن کې د متن رنګ بدل کړئ.
د رنګ ارزښتونه د رنګې کلیدي کلمې، د RGB رنګه شمیرې، یا د هایډاسایډیلټ شمېره شمیرې څرګندول کیدی شي.
- د پراګراف ٹیګ لپاره د انداز ځانګړتیاوې زیات کړئ:
- p {}
- د شتمنۍ ملکیت په انداز کې وساتئ. د دې ملکیت وروسته د برتانیا ځای ونیسئ:
- p {رنګ:}
- بیا د ملکیت وروسته د رنګ ارزښت اضافه کړئ. ډاډ ترلاسه کړئ چې دا ارزښت د نیم نیمګړتیا سره پای ته ورسوئ:
- p {رنګ: تور؛}
ستاسو په پاڼه کې پراګرافونه به اوس تور وي.
دا مثال د رنګ کلمې کاروي - "تور". دا د CSS په رنګ کې رنګ اضافه کولو یوه لاره ده، مګر دا خورا محدود دی. د "تور" او "سپینه" لپاره د کلمو کارولو مستقیم دی ځکه چې دا دوه رنګونه خورا مشخص دي، مګر څه کیږي که تاسو "سرخ"، "نیل"، یا "شنه" کلیمې کاروي؟ په سمه توګه تاسو سره سور، نیلی او شنه کوم سیوري ترلاسه کوئ؟ تاسو نشئ کولی په سمه توګه د کلیدي سایټونو کوم رنګ سایډ غواړئ. له همدې کبله د اکسيډایډیم ارزښتونه ډیری وختونه د رنګونو کلیدي ځایونو کې کارول کیږي.
p {رنګ: # 000000؛ }
دا سی ایس ایس سټاډ به ستاسو د پیراګراف رنګ تور ته ولیکي، ځکه د # 000000 هیجی کوډ تور تور ته ژباړل کیږي. تاسو کولی شۍ د شاکس ارزښت سره د ایکسټینډ استعمال وکړۍ او دا یې یوازې د 000 په لیکلو سره ولیکئ او تاسو به ورته شی ترلاسه کړئ.
لکه څنګه چې موږ یادونه کړې ده، د ایکس ارزښتونه ښه کار کوي کله چې تاسو ته اړتیا لرئ چې په ساده ډول تور یا سپین نه وي. دلته یو مثال دی:
p {رنګ: # 2f5687؛ }
دا د هکس ارزښت به یو بل رنګ ته پیراګرافونه ټاکي، مګر د "نیل" کلمې سره توپیر وکړي، دا هیکس کود تاسو ته وړتیا ورکوي چې د آسماني ځانګړ سایډ جوړ کړي - احتمال دا چې ډیزاین انتخاب کړي کله چې دوی د انټرنیټ چمتو کول دا ویب پاڼه. په دې حالت کې، رنګ به د منځني رینج، سلیټ لکه سایټ وي.
بالاخره، تاسو د RGBA رنګ ارزښتونه د فونټ رنګونو لپاره هم کارولی شئ. RGCA اوس په ټولو عصري لوازمونو کې ملاتړ کیږي، نو تاسو کولی شئ دا ارزښتونه لږ اندیښنې سره وکاروئ چې دا به په یوه ګورت برنامه کې ملاتړ ونه کړي، مګر تاسو کولی شئ اسانه راشی.
p {رنګ: رګبا (47،86،135،1)؛ }
د RGBA ارزښت د سلیټ آسماني رنګه رنګ په څیر دی چې مخکې مشخص شوی. لومړني 3 ارزښتونه د سور، شنه، او بل ارزښتونه ټاکي او وروستۍ شمیره د الفا ترتیب دی. دا "1" ته ټاکل شوی دی، کوم چې "100٪" معنی لري، نو دا رنګ به شفافیت ولري. که تاسو د لیسټ شمیرې ته لکه د 85 په څیر وټاکئ، دا به 85٪ ناڅاپي ژباړه وکړي او رنګ به لږ شفاف وي.
که تاسو غواړئ د رنګ ارزښتونو بټروټ کړئ، نو تاسو به یې وکړئ:
p {
رنګ: # 2f5687؛
رنګ: رګبا (47،86،135،1)؛
}
دا نخښه د لومړي ځل لپاره د هیکس کود کوي. دا بیا د RGBA شمیرې سره ارزښت لري. دا پدې مانا ده چې هر هغه پخوانۍ برنامه چې د RGBA ملاتړ نه کوي نو لومړنی ارزښت ترلاسه کوي او دویمه برخه یې له پامه غورځوي. عصري تڼۍ به د سي ایس ایس سیسټم په دویمه برخه کاروي.