Тарҳрезии хуби тасвирӣ қисми муҳими вебсайти муваффақ мебошад. CSS ба шумо дар бораи намуди матн дар саҳифаҳои веб саҳифаҳое, ки шумо сохтаед, ба шумо назорат мекунад. Ин қобилияти тағир додани ранги ҳар як функсияҳое, ки шумо истифода мебаред, дохил мешаванд.
Рангҳои рангӣ бо истифода аз варақи стандартии беруна, варақаи дохилии дохилӣ тағир дода шуда метавонанд, ё бо истифода аз усули тиреза дар ҳуҷҷати HTML тағйир дода шаванд. Беҳтарин таҷрибаҳо тасмим гирифт, ки шумо бояд сабки стандартии беруниро барои сабки CSS истифода баред. Саҳифаи дохилии стандартии дохилӣ, ки тарзи бевосита дар сарлавҳаи ҳуҷҷати шумо навишта шудаанд, одатан танҳо барои сайтҳои хурд, як саҳифа истифода мешаванд. Нишонаҳои дарунсохт бояд аз оне, ки онҳо ба поёни "font" аломатҳое, ки мо солҳои зиёд пешкаш менамоем, пешгирӣ карда метавонем. Ин услубҳои даринокискалӣ барои идоракунии стандарти суруд хеле душвор мегардонад, зеро шумо бояд онҳоро дар ҳар як тарзи тасвирӣ тағйир диҳед.
Дар ин мақола, шумо мефаҳмед, ки чӣ гуна тағйир додани ранги почтаро бо варақи сабки берунӣ ва сабки дар параграфи матн истифодашаванда. Шумо метавонед ин хосияти стротетиро барои тағир додани ранги почтавӣ дар ягон аломат, ки матнро дарбар гиред, аз он ҷумла
tag.Иловаи тарҳҳо барои тағйир додани ранги ранг
Барои намуна, шумо бояд ҳуҷҷати HTML-ро барои ишораи саҳифаҳои худ ва файли алоҳидаи CSS, ки ба ҳуҷҷати мазкур ҳамроҳ кардаед, дошта бошед. Дар ҳуҷҷати HTML эҳтимолан як қатор элементҳо мавҷуданд. Яке аз мо, ки барои мақсадҳои ин мақола нигаронида шудааст, параграфи элемент мебошад.
Дар ин ҷо шумо чӣ гуна ранги почтаи матнро дар дохили параграфи бо истифода аз варақи стандартии берунӣ тағйир медиҳед.
Арзиши ранг метавонад ҳамчун калимаҳои ранги ранг, рақамҳои рангҳои RGB ё рақами ранги рангорангӣ тасвир карда шавад.
- Иловаи хосияти параметри параграфро илова кунед:
- p {}
- Муайян кардани моликияти ранг дар тарзи. Баъд аз он моликияти колонаро ҷойгир кунед:
- p {ранги:}
- Баъд аз он, арзиши ранги худро илова кунед. Боварӣ ҳосил кунед, ки ин арзишро бо як нимптон ҷудо кунед:
- p {ранги: сиёҳ;}
Саволҳо дар саҳифаи шумо акнун сиёҳ мебошанд.
Ин намунаи калимаи калидии ранг - "сиёҳ" истифода мешавад. Ин як роҳи ранг дар CSS аст, аммо он хеле маҳдуд аст. Истифодаи калимаҳои "сиёҳ" ва "сафед" оддӣ аст, зеро он ду рангҳо хеле мушаххас ҳастанд, аммо агар шумо калимаҳои калимаро, монанди "сурх", "кабуд", "сабз" истифода баред, чӣ мешавад? Бешубҳа, шумо чӣ гуна сояи сурх, сурх ё сабзро ба даст меоред? Шумо наметавонед тасвири сиёҳеро, ки шумо бо калимаҳои калидӣ мехоҳед, муайян кунед. Ин аст, ки чаро арзишҳои хатизатӣ аксар вақт дар ҷои калидҳои рангин истифода мешаванд.
p {ранги: # 000000; }}
Ин услуби CSS низ ранги пораҳои худро ба сиёҳ гузошт, зеро рамзи гимнии # 000000 ба сиёҳ табдил меёбад. Шумо ҳатто метавонед бо арзиши ин гимназия истифода баред ва онро ҳамчун # 000 нависед ва шумо ҳамон чизро мегиред.
Чуноне ки мо аллакай зикр кардем, арзишҳои ҳикӣ вақте ки шумо ранге, ки сиёҳ ё сафед нест, хуб кор мекунад. Ин намунаи мисол аст:
p {ранги: # 2f5687; }}
Нишондиҳандаи ин параметр ба ранги кабуд муқаррар карда мешавад, аммо баръакси калимаи калидии "кабуд", ин рамзи гимнӣ ба шумо имкон медиҳад, ки сояҳои мушаххаси сиёҳро ба вуҷуд оварад - эҳтимолан, ки лоиҳакашонро ҳангоми ташкили интерфейс интихоб мекунанд ин вебсайти. Дар ин ҳолат ранги миёнаи миёна, ранги сурх мебошад.
Ниҳоят, шумо метавонед арзишҳои рангии RGBA барои рангҳои font низ истифода баред. RGCA ҳоло дар тамоми браузерҳои замонавӣ дастгирӣ карда мешавад, бинобар ин шумо метавонед ин арзишҳоро бо эҳсоси каме истифода баред, ки он дар браузери веб саҳифаҳоро дастгирӣ намекунад, аммо шумо инчунин метавонед зӯроварие осон кунед.
p {ранги: rgba (47,86,135,1); }}
Ин арзиши RGBA ҳамон як намуди ранги кабуд, ки пештар муайян карда шудааст. Дар аввал 3 арзиши қиматбаҳои Сурх, сабз ва Санг муқаррар карда мешавад ва рақами ниҳоӣ аломат аст. Он ба "1" муқаррар шудааст, ки 100% -ро ташкил медиҳад, бинобар ин ин ранг шаффоф нест. Агар шумо онро ба рақами даҳӣ монанд кунед, монанди .85, он 85% ихтилолро тарҷума мекунад ва ранги каме шаффоф хоҳад буд.
Агар шумо хоҳед, ки арзиши рангҳои рангорангро ботил кунед, шумо инро мекунед:
$ С)
ранг: # 2f5687;
ранг: rgba (47,86,135,1);
}}
Ин матн аввалин рамзи векселиро муқаррар мекунад. Он гоҳ пас аз он, ки рақами RGBA арзиш дорад. Ин маънои онро дорад, ки браузерҳои калонтаре, ки RGBA -ро пуштибонӣ намекунад, арзиши якумро мегиранд ва дуюмро рад мекунанд. Браузерҳои замонавӣ дуюмдараҷаи CSS -ро истифода мебаранд.