Како користити ЦСС за промену боје фонта

Желите да улепшате своју веб локацију различитим бојама фонта? То можете учинити користећи ЦСС. ЦСС је скраћеница од Цасцадинг Стиле Схеетс и подразумевани је језик који се користи за креирање и управљање стилом било које веб странице.

Постоје три методе примене ЦСС-а на ХТМЛ документ. То су уграђени ЦСС, интерни/уграђени ЦСС и екстерни ЦСС.

Први метод: Инлине ЦСС

Да бисте променили боју фонта у ЦСС-у, мораћете да креирате ЦСС правило да бисте поставили вредност својства боје.

Инлине метод користи својство стила које можете применити на скоро сваки елемент. Ево примера који поставља боју фонта ХТМЛ пасуса на црвену:

Параграф текста

Исти ефекат можете постићи користећи интерни/уграђени ЦСС или екстерни ЦСС.

Други метод: интерни/уграђени ЦСС

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

Трећи метод: Екстерни ЦСС

Трећи начин да се постигне исти ефекат је коришћење екстерног ЦСС стилова. Користећи уређивач текста, направите датотеку са екстензијом „.цсс“. Уобичајена пракса је да се овај фајл назове некако стилесхеет.цсс али можете му именовати било шта све док задржите екстензију „.цсс“.

Да бисте обојили свој основни текст зеленом бојом, на пример, користећи екстерну таблицу стилова, једноставно налепите ЦСС правило овако:

п { боја: плава}

У вашем ХТМЛ документу, требало би да укључите везу до вашег стилова унутар елемента ХТМЛ главе:

Параграф текста

Промена боје фонта у ХТМЛ-у, без примењеног ЦСС-а

Најбоља пракса је да користите ЦСС, али ево како да промените боју фонта користећи само ХТМЛ:

Параграф текста

Елемент фонта, заједно са његовим атрибутом боје, је застарео. То је зато што су они презентацијски, а не структурни елементи. Савремени ХТМЛ треба да се састоји само од структурних елемената.

Промена боје фонта у ЦСС-у је релативно једноставна

Показали смо вам три методе за промену боје фонта у ЦСС-у. Такође смо вам показали како да то урадите на стари начин користећи ХТМЛ ознаку фонта. Испробајте их и видите шта вам најбоље одговара!

Када савладате промену боје фонта користећи ЦСС и ХТМЛ, можда ћете желети да савладате промену величине фонта у ХТМЛ-у.

Како променити величину ХТМЛ фонта у ЦСС-у

Реад Нект

О аутору