Како се користи ЦСС за обликовање хипервеза на веб страницама

Може 12, 2024

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

Када се веза не користи (није одабрана), то је линк псеудо-класе или државе. Тхе посетио стање је након што је веза кориштена. Тхе лебдети стање је када миш пређе преко везе и активан стање је када кликнете на везу. Чаролија ЦСС-а је да се свако стање везе контролише независно путем псеудо-класа. На тај начин можете поставити различита својства за сваку државу. Можете користити било коју особину повезану са хипервезом ознаком сидра у ЦСС-у.

У доњем примеру поставићемо стање везе на црвено, посећено стање на љубичасто (# 400040), лебдеће лево и активно стање на црвено, подвучено и курзиво.

Белешка--Стрела

означава да је код умотан у другу линију и заиста би требао бити сав у једној линији.

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

Веб прегледачи се разликују у начину на који се с тим носе. Обично, ако неком својству поставите одређену вредност, наследит ће га (пренијети на) било која стања наведена након њега. У нашем горњем примеру, прво стање наведено у нашем коду било је стање везе и својство боје поставили смо црвеној. Већину времена ово би се пренело у остале три државе, осим ако то не променимо кодом, као што смо урадили за посећену државу. Такође, да нисмо вратили украс текста на подвлачење, текст за лебдећа и активна стања не би био подвучен јер смо га искључили у првом стању. Али не можете рачунати на све прегледаче који ће то учинити. Стога је најбоље да поставите сва својства за свако стање појединачно.

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

На редослијед у којем сте пописали код за ове псеудо-класе утиче каскадни ред. О редоследу каскаде разговараћемо у каснијем упутству. За сада само запамтите да за спречавање сукоба, кодирајте државе редоследом који смо користили горе; веза, посећена, лебдећа и активна.

Видео Упутства: Section 7 (Може 2024).

Како се користи ЦСС за обликовање хипервеза на веб страницама, ХТМЛ, псеудо-класе повезане са различитим стањима ознаке, псеудо-класа, хипервеза, кодирање хипервеза у ЦСС-у, псеудо-класа ЦСС-а, стања ЦСС-а, стање ознаке, фанци линкови на веб страници са ЦСС-ом, лепе везе

Претходни Чланак

Sledeći Чланак

Повезани Чланци

рачунари

Додајте дизајн омота издавачу афинитета шаблона

Може 2024

Сада када смо довршили образац за насловницу дигиталног планера у Аффинити Публисхер-у, хајде да изградимо нашу прву корицу ПДФ-а за планирање. Изаберите графички (Имаге) слој испод Биндер...

рачунари

Ваша АртФире продавница - отворите рачун

Може 2024

АртФире је ново место за продају ручно рађених предмета. Ово може да укључује дигиталне предмете као што су дигитална уметност, анимације, е-књиге и још много тога. Пошто је то ново тржиште, његов...