Бо CSS , ранг кардани матн дар ҳуҷҷат осон аст. Агар шумо хоҳед, ки параграф дар саҳифаи худ дар як ранг нишон дода шавад, шумо танҳо нишон медиҳед, ки дар варақи стандартии берунӣ ва браузер матнаи шумо дар ранги интихобшуда нишон дода мешавад. Пас, вақте ки шумо мехоҳед ранги як калимаро (ё шояд фақат як чанд калимаро) дар як сархати матн тағйир диҳед, чӣ мешавад? Барои ҳамин, шумо бояд унсурҳои постро ба монанди tag-и истифода баред.
Дар натиҷа, тағйир додани ранги як калима ё гурӯҳи хурди калимаҳо дар доираи ҷазо осон аст бо CSS, ва аломатҳои HTML маҳдуданд, бинобар ин дар бораи ин баъзе навъи хром нест. Бо ин равзана, шумо инчунин метавонед бо истифода аз албомҳои истифоданашуда ва хусусиятҳои монанди "шрифт", ки маҳсулоте аз таърихи HTML аст.
Ин мақола барои оғози таҳиягарони веб, ки эҳтимолан ба HTML ва CSS нав аст. Ин ба шумо кӯмак мекунад, ки чӣ тавр истифода HTML ва CSS-ро барои тағйир додани ранги матни махсус дар саҳифаҳои худ кунед. Инро гуфта метавонем, ки дар ин усул баъзе камбудиҳо вуҷуд доранд, ки дар охири ин модда фаро гирифта мешаванд. Ҳоло барои омӯхтани қадамҳои тағйир додани ин ранги матн хонед! Ин хеле осон аст ва бояд дар бораи 2 дақиқа вақт ҷудо кунед.
Қадам ба қадам бо дастури қадам
- Саҳифаи веберо, ки шумо мехоҳед матнро дар муҳаррири HTML чоп кунед, кушоед. Ин метавонад барномаи Adobe Dreamweaver ё редаксияи оддии монанди Notepad, Notepad ++, TextEdit ва ғайра бошад.
- Дар ҳуҷҷат, калимаҳоеро, ки мехоҳед дар рангаи гуногун дар саҳифа нишон диҳед, пайдо кунед. Барои ин омӯзиш, калимаҳоеро, ки дар доираи порчаи калонтарини матн истифода мешаванд, истифода баред. Ин матн дар чаҳорчубаи тетагия ҷойгир карда мешавад. Яке аз калимаҳоеро, ки ранги онҳо мехоҳед, таҳрир кунед.
- Курсорро дар аломати якум дар калима ё гурӯҳи калимаҳое, ки мехоҳед рангро тағйир диҳед, ҷойгир кунед. Дар хотир доред, ки агар шумо WYSIWYG муҳаррири монанди Dreamweaver истифода кунед, шумо ҳоло дар риштаи рамзи корӣ кор мекунед.
- Биёед матнеро, ки рангеро, ки мо мехоҳем, бо аломати тағирёбанда тағйир диҳем, аз ҷумла attribute class. Ҳамаи параграф ин метавонад чунин бошад: Ин матнест, ки дар ҷазо ба назар гирифта шудааст.
- Мо фақат як унсури инклюзивиро истифода бурдем, ки он матни махсусе, ки "Cock" -ро истифода мебарем, ки мо метавонем дар CSS истифода барем. Қадами навбатӣ ба кушодани файли нави CSS ба мо илова кардани қоидаҳои нав.
- Дар файли CSS мо, илова мекунем:
- .focus-text {
- ранг: # F00;
- }}
- I do not know
- Ин қоида муайян мекунад, ки элементҳои элементӣ, ки дар ранги сурх нишон дода шаванд. Агар мо як сабки қаблӣ дошта бошем, ки матни ҳуҷҷати мо ба сиёҳ гузошта шавад, ин сабки ноутбук метавонад матнро дар бар гирад ва бо рангҳои гуногун бинад. Мо ҳамчунин метавонем дигар усулҳоро ба ин қоида илова кунем, шояд, ки матнҳои таблиғотӣ ё батадриҷро дарк намоем, то ин ки ҳатто бештар ба он диққат диҳем?
- Саҳифаи худро захира кунед.
- Саҳифаҳоро дар вебсайти дӯстдоштаи худ санҷед барои дидани тағйирот дар амал.
- Дар хотир доред, ки ғайр аз ин, баъзе мутахассисони веб сайрро интихоб мекунанд, ки дигар элементҳоро монанди ҷуфт ё ҷуфти дуюм интихоб кунанд. Ин нишонаҳо махсусан барои «далерӣ» ва «такрори» махсус буданд, аммо бо вафот карда шуданд. Нишонҳо ҳанӯз дар браузерҳои муосир кор мекунанд, вале бисёре аз таҳиягарони веб истифода мекунанд, ки онҳоро ҳамчун плитаҳои пластикӣ истифода мекунанд. Ин на он қадар бадтарин аст, лекин агар шумо мехоҳед, ки аз унсурҳои аз ҳад зиёди иншоот дурӣ ҷӯед, ман тавзеҳ медиҳам, ки бо тамаркузи ин намудҳои эффектҳои стеникӣ.
Маслиҳатҳо ва чизҳо барои тамошои он
Дар ҳоле, ки ин усул барои эҳтиёҷоти хурд барои корҳо хуб аст, масалан, агар шумо бояд як ҷузъи хурди матнро дар ҳуҷҷат тағир диҳед, он метавонад зуд аз назорат барояд. Агар шумо фаҳмед, ки саҳифаҳои шумо бо унсурҳои дарунсифат ҷойгир карда шудаанд, ҳамаи онҳое, ки дар файли CSS истифода мешаванд, ҳамаи онҳое, ки шумо дар файли CSS истифода мебаред, шумо инро нодуруст иҷро мекунед, Дар хотир доред, ки ин саҳифаҳое, ки дар саҳифаи шумо ҳастанд, бештар эҳтимол аст, ки ин саҳифаро пешакӣ нигоҳ дорем. Илова бар ин, typography web хуб каме варианти зиёди ранг, ва ғ. Дар тамоми саҳифа дорад!