Псевдоклассы ссылок

Большинство из вас уже знают, что для ссылок можно определить цвет, шрифт, подчеркивание и так далее, делается это в админ-панели. Все свойства можно определять по-разному в CSS, активна ли ссылка, была ли она посещена и находится ли курсор над ссылкой. Псевдоклассы ссылок позволяют учитывать различные события или условия, чтобы определить свойства HTML-тегов. Специфика ссылки определяется в HTML тегом, поэтому в CSS можно также использовать в качестве селектора – a. Ссылки могут иметь различные состояния.

К примеру, посетили ее (visited) или нет. Чтобы установить различные стили для посещенных и непосещенных ссылок, можно воспользоваться псевдоклассами. Можно использовать a:link и a:visited для ссылок, которые еще не посещали и для тех, что уже посетили, соответственно. Когда указатель мышки находится над ссылкой, а также активным ссылкам присваивается псевдокласс a:hover и a:active. Теперь давайте рассмотрим эти четыре псевдокласса на примерах.

Псевдоклассы ссылок позволяют добавлять на сайт или блог очень интересные эффекты. Чтобы получить нужный эффект, следует использовать псевдоклассы ссылок. Ну и естественно вы узнаете, как убрать подчёркивание ссылок.

Псевдоклассы ссылок

Псевдокласс-:link

Псевдокласс ссылки :link используется для таких ссылок на контент, которые еще не были посещены читателями. Сразу хочу сказать, что вы можете использовать у себя цвета для ссылок на свой вкус.

Псевдокласс-:visited

Псевдокласс ссылки :visited используют для тех ссылок на контент, которые уже читатель посещал.

Псевдокласс-:active

Как уже наверняка понятно, этот псевдокласс :active используют для активных ссылок.

Псевдокласс-:hover

Этот интересный псевдокласс ссылки :hover часто используют для ссылок, над которыми проходит указатель мышки. Данное свойство очень хорошо использовать для того, чтобы в тексте создать интересные эффекты. К примеру, если вы захотите, чтобы ссылки становились курсивными и оранжевыми, когда над ними проходит курсор, то в CSS нужно вписать HTML-код.

Псевдоклассы ссылок-расстояние между буквами

Расстояние между буквами устанавливается с помощью свойства letter-spacing, который отлично подходит для ссылок. Полезное свойство text-transform, которое помогает переключать буквы с верхнего на нижний регистр, используется со свойством uppercase. Их также можно применить, чтобы создать уникальные эффекты для ссылок. Данная парочка примеров показывает, что существуют безграничные возможности объединения различных свойств. Познакомившись с материалом, какие псевдоклассы ссылок существуют, вы можете создавать свои эффекты. Далее перейдем к вопросу, как убрать подчёркивание ссылок.

Как убрать подчеркивание ссылок

Как убрать подчёркивание ссылок будет полезно узнать не только начинающим блоггерам, но и тем, которые уже давно ведут свои сайты. Сразу хочу сказать, что по этому поводу многие владельцы сайтов расходятся во мнениях. Некоторые считают, что подчёркивание ссылок может снизить переходы по вашему блогу. Поскольку посетители привыкли видеть на страницах подчеркнутые ссылки красного, синего и других цветов и уже мысленно знают, что по ней можно кликнуть. Другие считают, что подчеркивание нарушает эстетичность текста и поэтому лучше убрать подчеркивание. Ссылка все равно остается выделенной, а при наведении указателя мышки еще и цвет может менять. Поэтому решать вам. А как убрать подчеркивание ссылок – сейчас я вам расскажу.

Наверняка вы уже знаете, что свойство text-decoration используется для подчеркивания текста в статьях. Чтобы удалить эффект подчеркивания в CSS таблице, добавьте после text-decoration тег none. Битые ссылки на сайте.