Каскадні таблиці стилів

8 Практичне завдання
Дослідження властивостей стилів

Увага! Під час роботи з комп’ютером дотримуйтеся правил безпеки і санітарно-

гігієнічних норм

1. Пошук назв властивостей стилів для роботи з текстом, шрифтами, кольором

та межами. Для пошуку скористайтеся ресурсом:
https://www.w3schools.com/css
2. Визначення значення властивості стилю.
3. Формулювання пояснення до властивостей стилю
4. Визначення можливостей використання знань про властивості стилів у
розробці власного сайта

5. Заповніть таблицю за зразком:

Назва властивості Значення (перелік або приклади) Пояснення

стилю
color #00FF00, red Задає колір
переднього плану
(наприклад, тексту)
background-color #74992e, green Задає колір фону
background-image url("../../media/examples/lizard.png"), Задає зображення на
зелена ящірка фоні
font-family cursive Задає шрифт тексту
font-style oblique 40deg Задає вигляд тексту
(наприклад
нахиленість)
font-size 1.2rem Задає розмір шрифта
border-style dotted Задає рамку об’єкта
(наприклад крапочки)
border-width 4px 1.25em Задає розмір рамки,
ширину її ліній
border-color red yellow green hsla(60, 90%, Задає колір рамці
50%, .8)
…
6. Закрийте всі відкриті вікна.

1
 Каскадні таблиці стилів

7. Повідомте вчителя про завершення роботи.