1. Главная
  2. Библиотека
  3. Информационные технологии
  4. Добавь тегу <body> свойство font-size: 20px; Укажи сво...
Решение задачи на тему

Добавь тегу <body> свойство font-size: 20px; Укажи свойство color: fuchsia; для ссылки с изображением кота. Укажи свойство color:green; для ссылки с изображением собаки. Синтаксис: [атрибут*='значение атрибута'] { свойство: значение; }

  • Информационные технологии
  • #Веб-технологии и разработка сайтов
  • #Web-технологии
Добавь тегу <body> свойство font-size: 20px;

Укажи свойство color: fuchsia; для ссылки с изображением кота.
Укажи свойство color:green; для ссылки с изображением собаки.

Синтаксис:
[атрибут*='значение атрибута'] {
свойство: значение;
}

Условие:

Задачи:

1. Добавь стиль ссылкам.
Оформи страницу по образцу.
Дополни файл CSS описанием стилей для ссылок.
Используй селекторы по атрибуту.

2. Добавь тегу <body> свойство font-size: 20px;

3. Укажи свойство color: fuchsia; для ссылки с изображением кота.
Укажи свойство color:green; для ссылки с изображением собаки.

Синтаксис:
[атрибут*='значение атрибута'] {
свойство: значение;
}



HTML:
<html>
<head>
<title>Компоненты фронтенд‑разработки </title>
</head>
<body>
<a href='/uploads/2023/03/cat_img.jpg'>Здесь кот</a>
</br>
<a href='/uploads/2023/03/dog_img.jpg'>А здесь собака</a>

</body>
</html>

Решение:

Ниже приведён пошаговый разбор решения задачи.

────────────────────────────── Шаг 1. Анализ задания

Нам необходимо:

  1. Добавить стили для ссылок, используя CSS-селекторы по атрибуту. То есть в селекторе будем указывать [атрибут*=часть_значения].
  2. Задать для тега body свойство font-size: 20px;.
  3. Для ссылки, содержащей изображение кота (его адрес содержит cat_img.jpg), задать цвет текста fuchsia.
  4. Для ссылки, содержащей изображение собаки (его адрес содержит dog_img.jpg), задать цвет текста green.

────────────────────────────── Шаг 2. Работа с файлом CSS

Создаём или дополняем файл CSS ...

Выбери предмет