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

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

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

8 октября 2025
Информационные технологии

Условие:

Задачи:

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 ...