Са ЦСС-ом, лако је поставити боју текста у документ. Ако желите да ставови на вашој страници буду приказани у одређеној боји, једноставно ћете навести да ће у спољном листу стилова и прегледач приказати текст у изабраној боји. Шта се догађа онда када желите да промените боју само једне речи (или можда само неколико речи) у оквиру текста од текста? За то ћете морати користити инлине елемент попут ознаке.
На крају, промена боје једне речи или мале групе ријечи у оквиру реченице је једноставно кориштење ЦСС-а, а ознаке су важећи ХТМЛ, тако да не брините да је ово нека врста хацк-а. Овим приступом избегавате и коришћење застареле ознаке и атрибута попут "фонта", који је производ прошле ХТМЛ ере.
Овај чланак је за почетак веб програмера који су вероватно нови у ХТМЛ и ЦСС. То ће вам помоћи да научите како да користите ХТМЛ ознаку и ЦСС да бисте промијенили боју одређеног текста на вашим страницама. То што је речено, постоје недостаци ове методе, које ћемо покрити на крају овог чланка. За сада, прочитајте како бисте сазнали кораке за промјену ове боје текста. То је врло лако и требало би да траје око два минута.
Корак по корак инструкција
- Отворите веб страницу коју желите ажурирати у вашем омиљеном текстуалном ХТМЛ уређивачу. Ово би могао бити програм као Адобе Дреамвеавер или једноставан текст едитор као што су Нотепад, Нотепад ++, ТектЕдит итд.
- У документу пронађите речи које желите да се приказују у другој боји на страници. Ради овог туториала, користимо неке речи које се налазе у већем пасусу текста. Тај текст ће бити садржан у пару ознака. Пронађите једну од две речи чија боја желите да измените.
- Ставите курсор пре првог слова у реч или групу речи које желите да промените боју. Запамтите, ако користите ВИСИВИГ едитор као Дреамвеавер, тренутно радите у "прегледу кодова".
- Нека обришемо текст чије боје желимо да променимо са ознаком, укључујући и атрибут класе. Цијели параграф може изгледати овако:
Ово је текст који се фокусира на реченицу.
- Управо смо користили инлине елемент, да наведем тај текст "куком" коју можемо користити у ЦСС-у. Наш сљедећи корак је да пређемо на нашу спољашњу ЦСС датотеку како бисмо додали ново правило.
- У нашој ЦСС датотеци, додајте:
-
.фоцус-тект {
-
боја: # Ф00;
-
}
- Ово правило би поставило тај инлине елемент, да би се приказао у црвеној боји. Ако смо имали претходни стил који је текст нашег документа поставио у црно, овај инлине стил би изазвао фокусирање на текст распона и истицање са другом бојом. Можемо и додати друге стилове овом правилу, можда да правимо курзиву или крепко да је истакне још више?
- Сачувајте своју страницу.
- Тестирајте страницу у омиљеном веб прегледачу да бисте видели промене у ефекту.
- Имајте на уму да, поред тога, неки веб професионалци одлуче да користе друге елементе као што су парови или ознаке. Ове ознаке су посебно означене словима и курзивом, али су биле застарјеле и замењене са и. Међутим, тагови још увек раде у модерним претраживачима, међутим, толико их веб програмера користе као инлине куке за стајлинг. Ово није најгори приступ, али ако желите избјећи све застарјелих елемената, препоручујемо држање ознаке за ове врсте потреба за стајањем.
Савети и ствари за пазњу
Иако овај приступ функционише у реду за мале потребе за стајлингом, као ако је потребно да промените само један мали део текста у документу, може се брзо изаћи из контроле. Ако утврдите да је ваша страница оптерећена инлинелним елементима, који имају јединствене класе које користите у својој ЦСС датотеки, можда то радите погрешно, запамтите, што више ових тагова налази на вашој страници, то је теже вероватно је да задржите ту страницу. Поред тога, добра веб типографија ретко има толико варијанти боје и слично на целој страници.
