Рет қаралды 4,344
В четвертому уроці курсу HTML5 & CSS3 Стартовий ми розглянемо псевдокласи і псевдоелементи, роботу з рамкою елементів, властивість border, роботу з текстом в CSS, властивості для роботи зі списками, властивості для роботи з таблицями, підключення користувальницьких шрифтів, правило @font-face.
Викладач: Віталій Мазяр, FrontEnd Developer, тренер-консультант CyberBionic Systematics, сертифікований тренер Microsoft, автор відео курсів на ITVDN.
Програма курсу:
1) Загальне знайомство з HTML. Призначення технології і сфери застосування.
2) Робота із зображеннями, таблицями та списками.
3) Каскадні таблиці стилів CSS. Частина 1.
4) Каскадні таблиці стилів CSS. Частина 2.
5) Позиціонування елементів. Види верстання.
6) Семантика HTML5. Нові теги.
7) Принципи побудови розмітки Flexbox.
8) Форми. Метатеги.
9) Практика.
10) Практика.
За підготовку таймкодів дякуємо користувачу Міша Пуля!
0:00 - Вступ
2:10 - Тема: "Каскадні таблиці стилів CSS3"
2:29 - Види складних селекторів
3:20 - Універсальний селектор
6:58 - Контекстний селектор
12:21 - Sister (сусідній) селектор
17:04 - Child селектор
19:45 - Групування селекторів
21:45 - Multiple (множинні) селектори
28:41 - Звернення до атрибутів
35:05 - ПСЕВДОКЛАСИ
37:57 - empty
42:04 - first-child
44:04 - last-child
45:25 - first-of-type; last-of-type
47:39 - not
50:56 - nth-child
56:29 - nth-last-child
57:36 - nth-of-type
58:40 - only-child
59:25 - only-of-type
1:00:39 - Питання - відповіді
1:07:55 - ПСЕВДОЕЛЕМЕНТИ
1:10:12 - after
1:13:39 - before
1:16:12 - first-letter
1:16:46 - first-line
1:17:13 - selection
1:17:55 - Властивості для роботи з текстом (text). Text-aling, text-aling-last
1:20:40 - text-decoration
1:23:46 - text-indent
1:24:00 - overflow, text-overflow
1:26:51 - text-shadow
1:29:23 - word-break
1:30:46 - word-spacing
1:31:13 - writing-mode
1:32:23 - letter-spacing
1:32:50 - line-height
1:35:19 - vertical-aling
1:37:32 - Властивості для списків. List-style-type
1:39:36 - list-style-image
1:40:20 - list-style-position
1:41:18 - Приклади
1:45:15 - Властивості для таблиць
1:48:01 - Приклади
1:54:09 - Питання - відповіді Дякуємо, що ви з нами!
Ми в соцмережах:
Telegram - t.me/cbs_info
Instagram - / cyberbionic_systematics
TikTok - / cb_systematics
Facebook - / cbsystematics
LinkedIn - / cbsystematics-development
👉 Сайт і курси CyberBionic Systematics: cutt.ly/q4axOV7