Міністерство освіти і науки України

Черкаський національний університет імені Богдана Хмельницького

Навчально-науковий інститут інформаційних та освітніх технологій
Кафедра автоматизації та комп’ютерно-інтегрованих технологій

Дисципліна: «Основи веб технологій»

ЗВІТ до лабораторної роботи № 6

CSS: Selectors and Visual Rules

Виконав: студент 2-В курсу

Герасімов Денис Сергійович
Викладач: К. С. Дєєв

Черкаси – 2023
1. Елементовий селектор

2. Універсальний
3. Клас

4. Кілька класів
5. Ідентифікатор

6. Атрибут
7. Псевдоклас

8. Класи та ідентифікатори
9. Специфіка

10. Ланцюжок
11. Комбінатор нащадків

12. Ланцюжок та специфіка

13. Кілька селекторів

14. Введення до візуальних правил

15. Сімейство шрифтів

16. Розмір шрифту

17. Товщина шрифту

18. Вирівнювання тексту

19. Колір і колір фону

20. Прозорість
21. Фонове зображення

22. Пріоритет
 ВИСНОВОК
Я вивчав тему "Селектори та візуальні правила" в CSS, і це було
цікаво і корисно. Я зрозумів, що селектори в CSS - це способи
вибрати елементи на веб-сторінці, до яких потрібно застосувати
стилі. Є багато різних видів селекторів, і кожен з них має свої
особливості і можливості.

Наприклад, я вивчив базові селектори, такі як елементовий

селектор, класовий селектор і ідентифікаторний селектор.
Елементовий селектор дозволяє вибрати всі елементи певного
типу, наприклад, `<p>` для абзаців або `<h1>` для заголовків
першого рівня. Класовий селектор дозволяє вибрати елементи з
певним класом, який може бути призначений багатьом елементам
одночасно. Ідентифікаторний селектор використовується для
вибору конкретного елемента за його унікальним ідентифікатором.

Крім базових селекторів, я вивчив ієрархічні селектори,

псевдокласи та псевдоелементи. Ієрархічні селектори дозволяють
вибирати елементи на основі їх зв'язку з іншими елементами на
сторінці, наприклад, вибрати всі `<li>` елементи, які знаходяться
всередині `<ul>` елемента. Псевдокласи надають можливість
застосувати стилі до елементів в певних станах, наприклад, коли
елемент наведений мишею або має певний псевдоклас, як
наприклад `:hover` або `:active`. Псевдоелементи дозволяють
створювати вигляд елементів, яких немає на сторінці, наприклад,
створити піктограму перед текстом або стилізувати перший рядок
абзацу.

Також я вивчав візуальні правила в CSS, такі як кольори, шриф

ти, фонові зображення, позиціонування та багато іншого. Це дало

мені можливість створювати стильні і привабливі веб-сторінки. За
допомогою CSS я можу задавати кольори тексту та фону, вибирати
відповідний шрифт і розмір, додавати відступи і рамки до
елементів, а також регулювати розміщення елементів на сторінці.
Вивчення теми "Селектори та візуальні правила" дало мені багато
цінної інформації про CSS, яку я можу застосувати для створення
привабливих і добре структурованих веб-сторінок. Це відкрило для
мене нові можливості і розширило мої знання про веб-розробку.