Ако браузърът на посетителя на уебсайта не намери никакви индикации за цветовия дизайн на хипервръзките в кода на страницата, тогава той използва стойностите по подразбиране. Тези стойности са сини за пасивни връзки, червени за активни връзки (при задържане на курсора) и пурпурен цвят за вече посетени връзки. Тази цветова схема не винаги се комбинира с цветовата схема на дизайна на страницата, поради което в кода обикновено се включва блок от описания на стилове на връзки.
Инструкции
Етап 1
Създайте набор от инструкции за браузъра, които ще опишат цветовете на връзката в три състояния. Например може да изглежда така: a: link {color: Red;}
a: посетен {цвят: жълт;}
a: hover {color: Orange;} Тук „a“в началото на всеки ред се нарича „селектор“и указва маркера, към който браузърът трябва да приложи описанието на стила, затворено в фигурни скоби. "A" е маркерът на хипервръзката. Думата, добавена към селектора, разделена с двоеточие, се нарича „псевдоклас“- който браузърът използва, за да определи към кое състояние на връзката принадлежи стилът в къдри скоби. link съответства на обикновена връзка, посетена връзка, която вече е била посетена, и задръжте курсора на мишката, когато курсорът е над нея. Цветовете, присвоени на параметъра цвят във фигурните скоби, могат да бъдат посочени или от името на цветовия нюанс, или от неговия шестнадесетичен код.
Стъпка 2
Ако трябва да присвоите различни цветове на различни групи връзки на страницата, тогава присвойте на всяка група свое обозначение ("клас") и направете отделно описание на стиловете за всеки от тях. Например дайте име на една група LinksRed, а другата LinksGreen. Тогава описанието на стила ще изглежда така: a. LinksRed: link {color: Red;}
a. LinksRed: посетен {цвят: жълт;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: посетен {цвят: DarkGreen;}
a. LinksGreen: hover {color: Lime;} И в таговете на връзките на всяка група трябва да посочите към кой клас принадлежат. Например: Червена връзка
Зелена връзка
Стъпка 3
Тези инструкции са написани в CSS (каскадни таблици със стилове), така че трябва да бъдат поставени вътре в стилов маркер, който ги отделя от другите инструкции в изходния код на страницата, написани в HTML (HyperText Markup Language)):
a. LinksRed: link {color: Red;}
a. LinksRed: посетен {цвят: жълт;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: посетен {цвят: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Стъпка 4
Поставете подготвения блок за описание на стила на връзката в заглавната част на изходния код на страницата - той е разграничен от етикетите и.
