Css color link: Styling links — Learn web development

html — Стилизация цвета гиперссылки в CSS

Начальный цвет гиперссылки — синий, т.е. цвет посещенного селектора. Но цвет фона черный, то есть селектора ссылок. Кроме того, после однократного перехода по ссылке цвет текста остается синим, как и должно быть, но фон не становится прозрачным.

Вот код стиля:

 <стиль>
ссылка {
  цвет: розовый;
  цвет фона: черный;
  текстовое оформление: нет;
}
а: посетил {
  цвет синий;
  цвет фона: прозрачный;
  текстовое оформление: нет;
}
а: наведите {
  красный цвет;
  цвет фона: прозрачный;
  оформление текста: подчеркивание;
}
а: активный {
  цвет: желтый;
  цвет фона: прозрачный;
  оформление текста: подчеркивание;
}


<тело>
 

Цвета ссылок

Изображения HTML

Я не могу понять поведение селекторов ссылок. Почему форматирование неясно, и я получаю случайный смешанный вывод из двух разных и эксклюзивных селекторов?

  • HTML
  • CSS
  • гиперссылка

Посещено: Ссылка, когда она уже была посещена (существует в истории браузера), оформленная с использованием псевдокласса :visited .

Таким образом, если вы посетили свою ссылку хотя бы один раз, она всегда будет посетил

Подробнее об этом можно прочитать здесь.

4

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

 a: ссылка {
  цвет: розовый;
  цвет фона: черный;
  текстовое оформление: нет;
}
а: посетил: ссылка {
  цвет синий;
  цвет фона: прозрачный !важно;
  текстовое оформление: нет;
}
а: наведите {
  красный цвет;
  цвет фона: прозрачный;
  оформление текста: подчеркивание;
}
а: активный {
  цвет: желтый;
  цвет фона: прозрачный;
  оформление текста: подчеркивание;
}
а {
  цвет фона: #fff;
}
 

1

Зарегистрируйтесь или войдите в систему

Зарегистрируйтесь с помощью Google

Зарегистрироваться через Facebook

Зарегистрируйтесь, используя адрес электронной почты и пароль

Опубликовать как гость

Электронная почта

Требуется, но не отображается

Опубликовать как гость

Электронная почта

Требуется, но не отображается

цветов ссылок CSS | Карьера Карма

Морган Петерсон — 23 ноября 2020 г.


Как узнать цвета ссылок CSS

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

Что такое цвета ссылок CSS

CSS Link Colors контролирует цвета встроенных ссылок на вашей веб-странице. Когда вы добавляете ссылку, ее цвет определяется вашими параметрами стиля. Вы можете изменить цвета для этого шаблона, используя различные методы, такие как встроенные стили и таблицы стилей CSS, в зависимости от цветовой схемы приложения.

Для чего используются цвета ссылок CSS

CSS Link Colors контролирует цвета встроенных ссылок на вашей веб-странице.

Найдите свой матч для буткемпа

  • Career Karma подберет для вас лучшие учебные курсы по технологиям
  • Получите доступ к эксклюзивным стипендиям и подготовительным курсам

Выберите свой интерес
Программная инженерия Дизайн Наука о данных Аналитика данных Информационная безопасность Имя

Фамилия

Электронная почта

Номер телефона

Продолжая, вы соглашаетесь с нашими Условия использования и политика конфиденциальности , и вы соглашаетесь получать предложения и возможности от Career Karma по телефону, текстовым сообщениям и электронной почте.

  • Цвета ссылок CSS используются для определения цвета встроенных ссылок, отличного от цвета текста, чтобы он выделялся.

Изучите цвета ссылок CSS

Вы можете изучить цвета ссылок CSS на этом Веб-сайт . Руководство W3school предлагает способы изменить цветовую схему. В этом ресурсе вы узнаете, какие этапы проходит ссылка, когда с ней взаимодействует пользователь, и как оформить ссылку как кнопку с помощью CSS.

Также посмотрите на это Основы CSS Веб-сайт так что вы можете прочитать некоторые советы и рекомендации по оформлению ссылки.

Сколько времени нужно, чтобы изучить цвета ссылок CSS

Количество времени, необходимое для изучения цветов ссылок CSS, зависит от вас, вашей приверженности и дисциплины в изучении темы.

Изучаем цвета ссылок CSS: шаг за шагом

  1. Государства «Четыре ссылки» а: активный , а: наведите , а: посетил , и ссылка.
    См. следующий пример.
    Например.
    /* Ссылка, которая не была посещена */
    а: ссылка {
    цвет: розовый;
    }
    /* Посещенная ссылка */
    а: посетил {
    цвет: синий;
    }
    /* Ссылка, на которую наведен курсор мыши */
    а: наведите {
    цвет: красный;
    }
    /* Выбранная ссылка */
    а: активный {
    цвет: зеленый;
    }

  2. Цвет ссылки важен для того, чтобы подчеркнуть ссылку. обратитесь к следующему примеру.
    Например.
    а {
    цвет: зеленый;
    }
  3. Оформление текста имеет четыре возможных значения: подчеркивание, надчеркивание, зачеркивание, и никто. чтобы изменить различные свойства, посмотрите на следующий пример.
    ссылка {
    украшение текста: нет;
    }
    а: посетил {
    украшение текста: нет;
    }
    а: наведите {
    оформление текста: подчеркивание;
    }
    а: активный {
    оформление текста: подчеркивание;
    }

  4. Цвет фона также можно установить вместе с цветом ссылки. Посмотрите на следующий пример.
    ссылка {
    цвет фона: зеленый;
    а: посетил {
    цвет фона: синий;
    }
    а: наведите {
    цвет фона: красный;
    }
    а: активный {
    цвет фона: розовый;
    }

CSS-ссылка

Стоит ли вам изучать цвета ссылок CSS

Изучите цвета ссылок CSS, если вы хотите узнать, как еще больше настроить свою страницу. Также полезно изучить логику магии.

О нас: Career Karma — это платформа, предназначенная для того, чтобы помочь соискателям найти, изучить и подключиться к программам профессионального обучения для продвижения по карьерной лестнице. Узнайте о публикации CK.

Что дальше?

  • Хотите действовать?

    Подберите

    лучших буткемпов

Морган Петерсон

Об авторе: В качестве члена группы технического контента Career Karma Морган пишет учебные пособия по программированию и другие ресурсы для начинающих программистов. Уроженец Нью-Йорка, Морган учился в Университете Фордхэма и прошел полную программу разработки и компьютерных наук в Lambda School. Прежде чем присоединиться к команде Career Karma в октябре 2020 года, она работала двуязычным ипотечным консультантом в Wells Fargo. Когда Морган не создает ориентированные на пользователя веб-сайты или не изучает новые технологии, она пишет стихи, которые легко найти в Интернете.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *