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. Когда Морган не создает ориентированные на пользователя веб-сайты или не изучает новые технологии, она пишет стихи, которые легко найти в Интернете.