Учебник CSS

Учебник для начинающих

🚀 CSS учебник на русском поможет новичку в освоении языка.

👍 Практичные примеры и структурный подход сделают обучение проще и понятней.

Азы

Подготовка почвы: поговорим об HTML

Синтаксис CSS в учебнике. Подключение внешних таблиц. Создаем первый стиль

Изучение селекторов

Часть 1. Селекторы CSS. Теги, классы, ID, группы

Часть 2. Селекторы потомков. Псевдоклассы и псевдоэлементы CSS

Часть 3. Дочерние селекторы CSS. Дополнительные псевдоклассы

Часть 4. Соседние и родственные селекторы

Часть 5. Селекторы атрибутов

Часть 6. Урок: тренируемся применять селекторы

Наследование в CSS учебнике: что это и как работает

Каскадность CSS. Приоритеты стилей

Изучение селекторов

Работа с текстом

Подключение шрифтов CSS. Работа с веб-шрифтами. Google Fonts

Установка цвета для текста в CSS. Способы представления цветов

Размер шрифта в CSS. Единицы измерения px, %, em

Жирный шрифт и курсив в CSS учебнике

Прописные и строчные буквы в CSS: text-transform

Подчеркивание, зачеркивание текста в CSS: text-decoration

Тень для текста: CSS text-shadow

Межсимвольный, межстрочный интервал CSS. Расстояние между словами

Выравнивание текста в CSS учебнике: text-align

CSS для списков: list-style и его производные

Работа с текстом

Работа с блоками

Вступление. Блоки

Поля и отступы CSS: отличия свойств margin и padding

Блочные и строчные элементы

Свойство border: границы для блоков

Border-radius: закругленные углы в CSS учебнике

Box-shadow: тень для элемента

Width и height: определяем размеры элемента

Box-sizing: управляем вычислением ширины и высоты

Overflow: управление переполненными элементами

Max-width, max-height, min-width, min-height: максимальные и минимальные размеры элемента

Поток документа. Свойства float и clear

Практика: делаем адаптивную посадочную страницу

Работа с блоками

Работа с графикой

CSS для тега img

Background-image: установка фонового изображения

Относительный и абсолютный путь к файлу

Практика: создаем фотогалерею на CSS

Практика: работаем с фоновыми рисунками

Работа с графикой

Ссылки и навигация

Состояния ссылок в CSS учебнике. Псевдоклассы

Стили для особых ссылок

CSS-спрайты

Ссылки и навигация

Несколько значений свойства transform

3D-трансформации в CSS учебнике

CSS3 transition: плавные переходы

CSS3-анимация

Правило @keyframes

Запуск анимации: аnimation-name и animation-duration

Сокращенная запись animation

Практика: создание CSS-анимации

Таблицы и формы

Стилизация таблиц с помощью CSS

CSS-стили для форм

Таблицы и формы

Разметка CSS

Ширина веб-страницы

Блочная верстка

Создание разметки: основные правила

Разметка с помощью float

Проблемы float и их решения

Верстка адаптивных веб-страниц

Медиа-запросы CSS

Гибкие сетки в CSS учебнике

Адаптивные изображения и видео

Знакомство с Flexbox

Позиционирование CSS. Свойство position

Свойства top, left, bottom, right

Z-index: наслаивание элементов

Скрытие элементов средствами CSS

Кратко о CSS Grid Layout

+MySQL учебник

Что такое MySQL. База данных

Структура базы данных MySQL

Создание базы данных в phpMyAdmin

PHP и MySQL

Примеры и запросы

PHP выборка

Выборка из двух таблиц в MySQL

Объединение запросов

Вложенная выборка

Количество записей в таблице MySQL. Уникальные записи

Максимальное значение

Поиск подстроки в MySQL

Добавление нескольких записей

Оптимизация запросов запросов

Оператор left join в MySQL. Примеры запросов

Импорт и экспорт базы данных

Регистрация и авторизация на сайте в php

Пользователи онлайн в PHP. Как узнать, кто на сайте

Что такое движок сайта, создание движка

Как создать админ-панель для сайта

Пользователи MySQL. Создание пользователя и его права

Безопасность сайта. Защита от SQL инъекций

✔ Скачайте приложение "CSS учебник на русском" прямо сейчас