Как поменять цвет ссылок на сайте?

2 ноября 2014 г. Просмотров: 943 Инструкции

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

Создать сайт самостоятельно с Wix.com


В этом случае нужно знать, что цвет ссылок меняется при помощи CSS (Cascading Style Sheets) – каскадных таблиц стилей. Это таблицы, используемые совместно с языком программирования для создания веб-ресурса. CSS отвечают за структуру сайта, то есть за его стиль, внешний вид, а html - за содержание ресурса. CSS являются продолжением развития HTML.Цвет ссылок на сайте Итак, поменять цвет ссылок можно как для сайта в целом, так и для каждой ссылки в отдельности. Цвета ссылок задаются в качестве атрибута основного тега . Атрибут – это то, что необязательно прописывать в коде, так как некоторые из них уже заданы по умолчанию. Атрибут link определяет цвет ссылок на странице сайта. По умолчанию задан синий цвет. Alink – атрибут, определяющий цвет активных ссылок, по умолчанию – красный. Vlink – посещенные ссылки, общепринятым их цветом выступает фиолетовый. Чаще всего цвет ссылок на веб-страницах задается в шестнадцатеричной системе счисления (#EEEEEE – серый цвет)или в формате rgb (#808080 – серый цвет), однако можно использовать и традиционные английские обозначения цветов (grey – серый цвет). Кроме того, цвет возможно задать и в градусах, для этого подойдет формат HSL. Таблицы цветов не составит труда отыскать в интернете. Меняем цвет ссылок Чтобы поменять цвет всех ссылок на странице, достаточно в стилях у атрибута color поменять цвет. Для этого отыщите файл style.css, откройте его и найдите атрибут a. Например, A {color: green; /* Цвет ссылок */}, где А – ссылка, цвет которой мы меняем на зеленый. Можете поменять значение color по своему усмотрению, используя любую из систем обозначения цвета. Браузер вас «поймет». Стиль применится ко всем ссылкам веб-страницы. Можете таким же образом поменять цвета у других атрибутов, например цвет ссылки при наведении на нее курсора мыши. Чтобы на веб-странице сделать ссылки разных цветов, используйте следующую запись в файле со стилями:.menu a { color: grey; } .content a { color: green; } Из примера следует, что ссылки для меню будут иметь серый цвет, а ссылки в блоке контент - зелеными. Те же самые действия можно проделать со ссылками, если стили находятся не в отдельном файле, а в самом документе html. Это контекстные селекторы. Если хотите оперативно отредактировать стили и поменять цвета ссылок, то лучше воспользоваться визуальным редактором Dreamwever. Главное, помните: ссылки должны смотреться органично относительно всей веб-страницы. Для светлого фона лучше подходят ссылки темные и наоборот.

Оцените статью!