Основи CSS

Зміст курсу

Основи CSS

Основи CSS

1. Вступ до CSS

Що таке CSS?Поєднання HTML і CSS Селектори для Стилізації HTML Елементів Челендж: Додайте Свої Перші Стилі Челендж: Додайте Стилі за Допомогою Імені Класу Псевдокласи Дій Користувача Челендж: Псевдокласи Дій Користувача Кольори Тексту Ефективна Робота з CSS Челендж: Змінні в CSS

2. CSS для Тексту

Стилізація Тексту Форматування Тексту Челлендж: Форматування Тексту Додавання Користувацьких Шрифтів до Веб-сторінки Властивості Шрифту Челендж: Шрифти

3. Бокс Модель та Відстань між Елементами

Бокс Модель Бокс Сайзінг Додавання Простору Елементам Челендж: Бокс-сайзінг Структурні та Функціональні Псевдокласи Челендж: Структурні Псевдокласи Типи Елементів Робота з Блочними Елементами Робота з Інлайн Елементами Челендж: Спрогнозуйте Макет Сторінки

4. Флексбокс

Що таке Flexbox?Flex Напрямок Вирівнювання Вмісту по Горизонталі Вирівнювання Елементів по Вертикалі Властивості Flex-Елементів Челендж: Flexbox Челендж: Робота з Flexbox

5. Декоративні Ефекти

Колір Фону Фонове Зображення Робота з Зображеннями Декоративні Псевдо-Елементи Тіні Челендж: Декоративні Ефекти Подальші Кроки

Вирівнювання Елементів по Вертикалі

The align-items property governs the vertical arrangement of flex items. Its default value is stretch.

css

stretch

Це означає, що ми розтягуємо елементи на всю довжину поперечної осі.

stretch

It means that we extend items to the entire length of the cross axis.

index.html

index.css

center

Items are in the center of the cross axis.

index.html

index.css

flex-start

All items start at the beginning of the cross axis.

index.html

index.css

flex-end

All items are in the end of the cross axis (in the end of the parent flex container).

index.html

index.css

baseline

All flex items are aligned based on their text content baseline.

index.html

index.css

1. Що робить властивість align-items?

2. Які з наведених нижче значень можна використовувати з властивістю align-items?

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 4. Розділ 4

some-alt