Како промијенити боју речи помоћу ознаке Спан и ЦСС-а

Са ЦСС-ом , лако је поставити боју текста у документ. Ако желите да ставови на вашој страници буду приказани у одређеној боји, једноставно ћете навести да ће у спољном листу стилова и прегледач приказати текст у изабраној боји. Шта се догађа онда када желите да промените боју само једне речи (или можда само неколико речи) у оквиру текста од текста? За то ћете морати користити инлине елемент попут ознаке.

На крају, промена боје једне речи или мале групе ријечи у оквиру реченице је једноставно кориштење ЦСС-а, а ознаке су важећи ХТМЛ, тако да не брините да је ово нека врста хацк-а. Овим приступом избегавате и коришћење застареле ознаке и атрибута попут "фонта", који је производ прошле ХТМЛ ере.

Овај чланак је за почетак веб програмера који су вероватно нови у ХТМЛ и ЦСС. То ће вам помоћи да научите како да користите ХТМЛ ознаку и ЦСС да бисте промијенили боју одређеног текста на вашим страницама. То се каже, постоје одређени недостаци овом начину, који ћу покрити на крају овог чланка. За сада, наставите да научите кораке за промену ове боје текста! То је врло лако и требало би да траје око 2 минута.

Корак по корак инструкција

1. Отворите веб страницу коју желите ажурирати у вашем омиљеном текстуалном ХТМЛ уређивачу. Ово би могао бити програм као Адобе Дреамвеавер или једноставни текст едитор као што су Нотепад, Нотепад ++, ТектЕдит итд.
2. У документу пронађите речи које желите да се приказују у другој боји на страници. Ради овог туториала, користимо неке речи које се налазе у већем пасусу текста. Тај текст ће бити садржан у пару тета. Пронађите једну од две речи чија боја желите да измените.
3. Ставите курсор пре првог слова у реч или групу речи које желите да промените боју. Запамтите, ако користите ВИСИВИГ уређивач попут Дреамвеавер-а, сада радите у праву за "цоде виев".
4. Нека обришемо текст чије боје желимо да променимо са ознаком, укључујући и атрибут класе. Цијели параграф може изгледати овако: Ово је текст који се фокусира на реченицу.
5. Управо смо користили инлине елемент, да наведем тај текст "куком" коју можемо користити у ЦСС-у. Наш сљедећи корак је да пређемо на нашу спољашњу ЦСС датотеку како бисмо додали ново правило.

1. У нашој ЦСС датотеци, додајте:
   1. .фоцус-тект {
   2. боја: # Ф00;
   3. }
   4. -
2. Ово правило би поставило тај инлине елемент, да би се приказао у црвеној боји. Ако смо имали претходни стил који је текст нашег документа поставио у црно, овај инлине стил би изазвао фокусирање на текст распона и истицање са другом бојом. Можемо и додати друге стилове овом правилу, можда да правимо курзиву или крепко да је истакне још више?
3. Сачувајте своју страницу.
4. Тестирајте страницу у омиљеном веб прегледачу да бисте видели промене у ефекту.
5. Имајте на уму да, поред тога, неки веб професионалци одлуче да користе друге елементе као што су парови или ознаке. Ове ознаке су биле специфично "болд" и "италицс", али су биле застарјеле и замењене са и. Међутим, тагови још увек раде у модерним претраживачима, међутим, толико их веб програмера користе као инлине куке за стајлинг. Ово није најгори приступ, али ако желите избјећи све застареле елементе, предлажем да држите ознаку за ове врсте потреба за стајањем.

Савети и ствари за пазњу

Иако овај приступ функционише у реду за мале потребе за стајањем, као да је потребно да промените само један мали део текста у документу, може се брзо изаћи из контроле. Ако утврдите да је ваша страница оптерећена инлинелним елементима, који имају јединствене класе које користите у својој ЦСС датотеки, можда то радите погрешно, запамтите, што више ових тагова налази на вашој страници, то је теже вероватно је да задржите ту страницу. Поред тога, добра веб типографија ретко има толико варијанти боје, итд.