Как да промените цвета на връзките на сайта

Съдържание:

Как да промените цвета на връзките на сайта
Как да промените цвета на връзките на сайта

Видео: Как да промените цвета на връзките на сайта

Видео: Как да промените цвета на връзките на сайта
Видео: Как извлечь цвета с понравившегося сайта 2024, Може
Anonim

В процеса на работа на сайта както професионални уебмастъри, така и хора, които се занимават с актуализиране на сайта, но не са професионалисти, правят различни промени в стила на уеб ресурса. Например може да се наложи да промените цвета на връзките на сайта по някаква причина.

Как да промените цвета на връзките на сайта
Как да промените цвета на връзките на сайта

В този случай трябва да знаете, че цветът на връзките се променя с помощта на CSS (Cascading Style Sheets) - каскадни таблици със стилове. Това са таблици, използвани заедно с език за програмиране за създаване на уеб ресурс. CSS е отговорен за структурата на сайта, тоест за неговия стил, външен вид и html - за съдържанието на ресурса. CSS е продължение на развитието на HTML.

Цвят на връзката в сайта

Така че, можете да промените цвета на връзките както за сайта като цяло, така и за всяка връзка поотделно. Цветовете на връзките са зададени като атрибут на основния маркер. Атрибутът е нещо, което не е необходимо да пишете в кода, тъй като някои от тях вече са зададени по подразбиране. Атрибутът на връзката определя цвета на връзките на страницата на сайта. По подразбиране е син. Alink е атрибут, който определя цвета на активните връзки, по подразбиране е червен. Vlink - посетени връзки, техният общоприет цвят е лилав.

Най-често цветът на връзките в уеб страниците се задава в шестнадесетична нотация (#EEEEEE - сива) или във формат rgb (# 808080 - сива), но можете да използвате и традиционна английска цветна нотация (сива - сива). Освен това цветът може да се зададе в градуси, форматът HSL е подходящ за това. Цветните диаграми са лесни за намиране в Интернет.

Променете цвета на връзките

За да промените цвета на всички връзки на страницата, е достатъчно да промените цвета на атрибута цвят в стиловете. За целта намерете файла style.css, отворете го и намерете атрибута. Например A {цвят: зелен; / * Цвят на връзката * /}, където А е връзка, чийто цвят променяме на зелен. Можете да промените стойността на цвета, както искате, като използвате някоя от системите за нотиране на цветовете. Браузърът ще ви „разбере“. Стилът ще се прилага за всички връзки на уеб страницата. Можете да промените цветовете на други атрибути по същия начин, например цвета на връзка, когато задържите курсора на мишката върху нея.

За да направите връзки в различни цветове на уеб страница, използвайте следния запис в таблицата със стилове:

.menu a {цвят: сив; }

.content a {цвят: зелен; }

От примера следва, че връзките за менюто ще бъдат сиви, а връзките в блока за съдържание - зелени.

Същите стъпки могат да бъдат направени с връзки, ако стиловете не са в отделен файл, а в самия html документ. Това са контекстни селектори.

Ако искате бързо да редактирате стилове и да промените цветовете на връзките, тогава е по-добре да използвате визуалния редактор Dream međutim. Основното нещо, което трябва да запомните, е, че връзките трябва да изглеждат органично по отношение на цялата уеб страница. За светъл фон тъмните връзки са по-добри и обратно.

Препоръчано: