Как изменить шрифт ссылки?

2 ноября 2014 г. Просмотров: 450 Инструкции
Изменение параметров отображения ссылок в html можно произвести с использованием каскадных таблиц стилей css. Они позволяют настроить отображение шрифта ссылки, ее цвет до нажатия пользователем на нее и после произведения клика мышью. Также вы сможете изменить гарнитуру используемого шрифта и его размер.
Создать сайт самостоятельно с Wix.com

Инструкция

  • Для задания параметров ссылок в css используются классы и псевдоклассы.
    Псевдокласс a:link задает стиль для обычной ссылки, a:visited дает возможность настроить отображение уже использованной ссылки. A:active обрабатывает параметры тега при нажатии курсором на элементе, а a:hover задает стиль ссылки при наведении на нее мышью. Вы также можете создавать любой класс для элемента самостоятельно, а в параметрах использовать стандартные операторы для форматирования текста.
  • Для отключения отображения подчеркивания текста ссылки в браузере используется параметр text-decoration: none. Вы можете указать данный атрибут как в классе, так и псевдоклассе для элемента . Для изменения цвета ссылки используется параметр color, для размера – стандартный атрибут font-size. Если вы хотите включить жирное начертание шрифта или курсив, воспользуйтесь параметром font-weight.
  • Откройте ваш файл html при помощи любого текстового редактора, который вы используете для редактирования кода страницы. После этого перейдите в раздел вашего документа и задайте код css будущим ссылкам на странице при помощи дескриптора . Например:Изменение ссылокa:link { text-decoration: none;font-size: 14px;font-weight: bold;color: red; }
  • В данном коде производится удаление из обычной ссылки линии подчеркивания, задание размера текста в 14 пикселей, применение жирного стиля начертания и красный цвет элемента. Теперь любая ссылка в теге будет отображаться в таком виде.
  • Вы можете задать стиль для каждой конкретной ссылки, используя классы css. Таким образом, если код в теге будет иметь вид:a.link1 { font-size: 20px; color: black;}
  • Вы сможете задать размер 20 пикселей и черный цвет ссылке, воспользовавшись классом в теле документа следующим образом:СсылкаИз примера видно, что ссылке был присвоен созданный шаг назад класс кода css при помощи указания атрибута class ссылки . Теперь данная ссылка будет отображаться в черном цвете и иметь размер в 20 пикселей. Для изменения данного атрибута поправьте код css раздела страницы.
  • Изменение внешнего вида ссылки завершено, вы можете сохранить произведенные изменения в файле и запустить его для просмотра в браузере.
  • Оцените статью!