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

click fraud protection

Можете да одредите боје, величине и друге параметре фонта у спољном ЦСС табелу стилова. Ако желите да промените боју само једне речи или фразе, најлакши и најједноставнији начин је да користите ознаку у линији. Инлине ЦСС је управо онакав како звучи: додаје се у ХТМЛ странице, уместо у спољни табелу стилова.

Избегавајте употребу ознаке која је застарела.

Ево како можете променити боју речи помоћу ознаке:

  1. Помоћу жељеног уређивача текста или ХТМЛ-а у режиму приказа кода поставите курсор испред првог слова речи или групе речи које желите да обојите.

  2. Омотајмо текст чију боју желимо да променимо ознаком, укључујући атрибут класе. Читав пасус може изгледати овако: Ово је текст на који се фокусирају у реченици.

  3. Дајте том конкретном тексту „удицу“ коју можемо користити у ЦСС-у. Наш следећи корак је прелазак на спољну ЦСС датотеку да бисмо додали ново правило.

    У нашу ЦСС датотеку додајмо:

    .фоцус-тект {

     боја: # Ф00;

    }

    Ово правило би поставило да се уграђени елемент,, приказује у црвеној боји. Да смо имали претходни стил који је текст нашег документа постављао у црно, овај уметнути стил би усредсредио текст распона на њега и истакао се другом бојом. Овом правилу бисмо могли додати и друге стилове, можда чинећи текст курзивом или подебљаним да бисмо га још више истакли?

    instagram viewer

  4. Сачувајте своју страницу.

    Тестирајте страницу у свом омиљеном веб прегледачу да бисте видели промене на снази.

    Имајте на уму да неки од веб професионалаца, поред тога, одлучују да користе и друге елементе попут парова или тагова. Некада су ове ознаке биле подебљане и курзив, али су застареле и замењене са и. Ознаке и даље раде у модерним прегледачима, међутим, многи веб програмери их користе као уграђене куке за обликовање. Ово није најгори приступ, али ако желите да избегнете застареле елементе, предлажемо да се придржавате ознаке за ове врсте стилских потреба.

Савети и ствари на које треба пазити

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

instagram story viewer